@everymatrix/lottery-tipping-entrance 1.83.5 → 1.83.7
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 +133 -73
- 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/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 +134 -74
- 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_17.entry.js +1 -1
- 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
|
@@ -3,7 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-440d090f.js');
|
|
6
|
-
const lotteryTippingEntrance = require('./lottery-tipping-entrance-
|
|
6
|
+
const lotteryTippingEntrance = require('./lottery-tipping-entrance-2f5e8ecd.js');
|
|
7
|
+
require('@everymatrix/lottery-button');
|
|
7
8
|
|
|
8
9
|
/**
|
|
9
10
|
* @name addDays
|
|
@@ -153,7 +154,7 @@ function isToday(dirtyDate) {
|
|
|
153
154
|
|
|
154
155
|
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>`;
|
|
155
156
|
|
|
156
|
-
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}}";
|
|
157
|
+
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}}";
|
|
157
158
|
const DrawSelectionStyle0 = drawSelectionCss;
|
|
158
159
|
|
|
159
160
|
const DrawSelection = class {
|
|
@@ -169,7 +170,8 @@ const DrawSelection = class {
|
|
|
169
170
|
this.language = 'en';
|
|
170
171
|
this.infoImageUrl = '';
|
|
171
172
|
this.date = '';
|
|
172
|
-
this.isLoading =
|
|
173
|
+
this.isLoading = false;
|
|
174
|
+
this.turnover = '';
|
|
173
175
|
}
|
|
174
176
|
handleClientStylingChange(newValue, oldValue) {
|
|
175
177
|
if (newValue != oldValue) {
|
|
@@ -223,7 +225,7 @@ const DrawSelection = class {
|
|
|
223
225
|
return (index.h("div", { class: "draw-page__background" }, index.h("div", { class: "top-waves" }, index.h("svg", { class: "wave-svg", viewBox: "0 0 100 8", xmlns: "http://www.w3.org/2000/svg" }, index.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" })), index.h("svg", { class: "wave-svg", viewBox: "0 0 100 8", xmlns: "http://www.w3.org/2000/svg" }, index.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" })), index.h("svg", { class: "wave-svg", viewBox: "0 0 100 8", xmlns: "http://www.w3.org/2000/svg" }, index.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" }))), index.h("div", { class: "dots-cluster" }, new Array(27).fill(0).map(() => (index.h("div", { class: "dot" }))))));
|
|
224
226
|
}
|
|
225
227
|
render() {
|
|
226
|
-
return (index.h("div", { key: '
|
|
228
|
+
return (index.h("div", { key: 'a14f3d9e82f3f1fb75e592043dff00f4948006b8', class: "draw-page", ref: (el) => (this.stylingContainer = el) }, this.renderBackground(), this.date ? (index.h("div", { class: "draw-info" }, index.h("div", { class: "draw-info-title" }, index.h("div", { class: "draw-info-title-main" }, this.renderCurvedText()), index.h("div", { class: "draw-info-title-sub" }, lotteryTippingEntrance.translate('selectDraws', this.language))), index.h("div", { class: "draw-info-item-list" }, index.h("div", { class: "draw-info-item", onClick: this.handleSelectDraw.bind(this) }, index.h("div", { class: "draw-info-item-day" }, this.formattedDay(this.date)), index.h("div", { class: "draw-info-item-date" }, lotteryTippingEntrance.getDayWithSuffixLocal(this.date)), index.h("div", { class: "draw-info-item-date" }, " ", lotteryTippingEntrance.translate('turnover', this.language) + this.turnover), index.h("div", { class: "draw-info-item-projecter" })), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-item-day reverse" }, this.formattedDay(this.draw3DaysLater)), index.h("div", { class: "draw-info-item-date" }, lotteryTippingEntrance.getDayWithSuffixLocal(this.draw3DaysLater)), index.h("div", { class: "draw-info-item-date" }, " ", lotteryTippingEntrance.translate('turnover', this.language) + '€0'), index.h("div", { class: "draw-info-item-projecter" })), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-item-day" }, this.formattedDay(this.draw4DaysLater)), index.h("div", { class: "draw-info-item-date" }, lotteryTippingEntrance.getDayWithSuffixLocal(this.draw4DaysLater)), index.h("div", { class: "draw-info-item-date" }, " ", lotteryTippingEntrance.translate('turnover', this.language) + '€0'), index.h("div", { class: "draw-info-item-projecter" }))), index.h("div", { class: "draw-info-footer" }, index.h("div", { class: "draw-info-footer-text" }, "BONUSPOTTER"), index.h("div", { class: "draw-info-footer-text" }, "MIDWEEK FULL-TIME APPROX. \u20AC2.1 MILLION."), index.h("div", { class: "draw-info-footer-text" }, "MIDWEEK HALF_TIME APPROX. \u20AC1 40.000.")))) : this.isLoading ? (index.h("div", { class: "loading-indicator" }, "loading...")) : (index.h("div", { class: "empty-draw-wrap" }, index.h("div", { class: "empty-draw" }, index.h("div", { class: "empty-draw-logo", innerHTML: infoImage }), index.h("div", { class: "empty-draw-content" }, index.h("div", { class: "empty-draw-text" }, "\u24D8 ", lotteryTippingEntrance.translate('gameNotAvailable', this.language))))))));
|
|
227
229
|
}
|
|
228
230
|
static get assetsDirs() { return ["static"]; }
|
|
229
231
|
static get watchers() { return {
|
|
@@ -645,10 +647,6 @@ const DeleteOutlined$1 = DeleteOutlined;
|
|
|
645
647
|
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" };
|
|
646
648
|
const DownOutlined$1 = DownOutlined;
|
|
647
649
|
|
|
648
|
-
// This icon file is generated automatically.
|
|
649
|
-
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" };
|
|
650
|
-
const EllipsisOutlined$1 = EllipsisOutlined;
|
|
651
|
-
|
|
652
650
|
// This icon file is generated automatically.
|
|
653
651
|
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" };
|
|
654
652
|
const InfoCircleOutlined$1 = InfoCircleOutlined;
|
|
@@ -716,7 +714,7 @@ const TRANSLATIONS$6 = {
|
|
|
716
714
|
en: {
|
|
717
715
|
weeks: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
|
|
718
716
|
bettingType: 'Betting Type:',
|
|
719
|
-
prizeAllocation: 'Prize Allocation (Turnover: €
|
|
717
|
+
prizeAllocation: 'Prize Allocation (Turnover: €{turnover})',
|
|
720
718
|
prizes: 'Prizes',
|
|
721
719
|
numberOfWinners: 'Number of Winners',
|
|
722
720
|
prizeMoney: 'Prize Money',
|
|
@@ -725,7 +723,7 @@ const TRANSLATIONS$6 = {
|
|
|
725
723
|
},
|
|
726
724
|
ro: {
|
|
727
725
|
bettingType: 'Tip de pariu:',
|
|
728
|
-
prizeAllocation: 'Alocarea premiilor (Cifră de afaceri: €
|
|
726
|
+
prizeAllocation: 'Alocarea premiilor (Cifră de afaceri: €{turnover})',
|
|
729
727
|
prizes: 'Premii',
|
|
730
728
|
numberOfWinners: 'Număr de câștigători',
|
|
731
729
|
prizeMoney: 'Bani de premiu',
|
|
@@ -1022,7 +1020,7 @@ const resolveTranslationUrl$2 = async (translationUrl) => {
|
|
|
1022
1020
|
}
|
|
1023
1021
|
};
|
|
1024
1022
|
|
|
1025
|
-
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-
|
|
1023
|
+
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)}}";
|
|
1026
1024
|
const LotteryTippingDialogStyle0 = lotteryTippingDialogCss;
|
|
1027
1025
|
|
|
1028
1026
|
const LotteryTippingDialog = class {
|
|
@@ -1185,7 +1183,7 @@ const getTranslations$3 = (data) => {
|
|
|
1185
1183
|
});
|
|
1186
1184
|
};
|
|
1187
1185
|
|
|
1188
|
-
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)}";
|
|
1186
|
+
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)}";
|
|
1189
1187
|
const LotteryTippingFilterStyle0 = lotteryTippingFilterCss;
|
|
1190
1188
|
|
|
1191
1189
|
const LotteryTippingFilter = class {
|
|
@@ -1336,7 +1334,7 @@ const LotteryTippingFilter = class {
|
|
|
1336
1334
|
};
|
|
1337
1335
|
LotteryTippingFilter.style = LotteryTippingFilterStyle0;
|
|
1338
1336
|
|
|
1339
|
-
const generateUUID$
|
|
1337
|
+
const generateUUID$3 = () => {
|
|
1340
1338
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
1341
1339
|
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
1342
1340
|
return v.toString(16);
|
|
@@ -1344,7 +1342,7 @@ const generateUUID$2 = () => {
|
|
|
1344
1342
|
};
|
|
1345
1343
|
function fetchRequest$2(url, method = 'GET', body = null, headers = {}) {
|
|
1346
1344
|
return new Promise((resolve, reject) => {
|
|
1347
|
-
const uuid = generateUUID$
|
|
1345
|
+
const uuid = generateUUID$3();
|
|
1348
1346
|
const headersOrigin = Object.assign({ 'Content-Type': 'application/json' }, headers);
|
|
1349
1347
|
if (method !== 'GET' && method !== 'HEAD') {
|
|
1350
1348
|
headersOrigin['X-Idempotency-Key'] = uuid;
|
|
@@ -1482,6 +1480,12 @@ function thousandSeperator$1(value) {
|
|
|
1482
1480
|
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
1483
1481
|
return parts.join('.');
|
|
1484
1482
|
}
|
|
1483
|
+
function formattedTurnover(turnover) {
|
|
1484
|
+
if (turnover === null || turnover === undefined)
|
|
1485
|
+
return '';
|
|
1486
|
+
const unit = '€';
|
|
1487
|
+
return `${unit}${turnover ? thousandSeperator$1(turnover) : 0}`;
|
|
1488
|
+
}
|
|
1485
1489
|
async function fetchGameInfo(endpoint, gameId) {
|
|
1486
1490
|
try {
|
|
1487
1491
|
const response = await fetchRequest$2(`${endpoint}/games/${gameId}`, 'GET', {});
|
|
@@ -1638,6 +1642,17 @@ const LotteryTippingLatestResult = class {
|
|
|
1638
1642
|
this.isLoading = false;
|
|
1639
1643
|
}
|
|
1640
1644
|
}
|
|
1645
|
+
get displayedPrizes() {
|
|
1646
|
+
const correctItems = this.curPrizes
|
|
1647
|
+
.filter((item) => item.divisionDisplayName.includes('Correct'))
|
|
1648
|
+
.sort((a, b) => {
|
|
1649
|
+
const numA = Number(a.divisionDisplayName.match(/\d+/)[0]);
|
|
1650
|
+
const numB = Number(b === null || b === void 0 ? void 0 : b.divisionDisplayName.match(/\d+/)[0]);
|
|
1651
|
+
return numB - numA;
|
|
1652
|
+
});
|
|
1653
|
+
const bonusItems = this.curPrizes.filter((item) => item.divisionDisplayName === 'Bonus');
|
|
1654
|
+
return [...correctItems, ...bonusItems];
|
|
1655
|
+
}
|
|
1641
1656
|
changeCurDateItem(idx) {
|
|
1642
1657
|
this.lastestDate = this.hasDrawDates[idx];
|
|
1643
1658
|
this.curDrawItemIdx = idx;
|
|
@@ -1679,6 +1694,7 @@ const LotteryTippingLatestResult = class {
|
|
|
1679
1694
|
this.curDrawSelectionBettingType = bettingType;
|
|
1680
1695
|
this.curDrawSelection = this.curDrawSelectionMap[this.curDrawSelectionBettingType];
|
|
1681
1696
|
this.curPrizes = this.curPrizeMap[this.curDrawSelectionBettingType];
|
|
1697
|
+
console.log('this.curPrizes', this.curPrizes);
|
|
1682
1698
|
this.curTurnOver = this.curPrizes.reduce((acc, cur) => acc + Number(cur.totalAmount.value), 0);
|
|
1683
1699
|
}
|
|
1684
1700
|
getBettingTypeName(bettingType) {
|
|
@@ -1687,10 +1703,10 @@ const LotteryTippingLatestResult = class {
|
|
|
1687
1703
|
return name !== null && name !== void 0 ? name : bettingType;
|
|
1688
1704
|
}
|
|
1689
1705
|
render() {
|
|
1690
|
-
return (index.h("div", { key: '
|
|
1706
|
+
return (index.h("div", { key: '896146c7c069e71fe6f652527c0086d942a23aa7', class: "lottery-tipping-latest-result", ref: (el) => (this.stylingContainer = el) }, this.curDrawSelection && this.curDrawSelection.length > 0 && (index.h("div", { key: '7098b4ad44e5ef8ca1b9c3df95dfccdb375a9867', class: "result-wrapper" }, index.h("div", { key: '14254a04b639a9ae0d8e7ee6fd8abb1938dc1c36', class: "date-selection" }, index.h("div", { key: '0f70418f699fa6884cd910ce46affd62e332267b', class: "date-selection-leftIcon", innerHTML: leftArrowIcon, onClick: this.preDraw.bind(this) }), index.h("div", { key: 'eb75d194c50a888a4ce2b57719da3d91b1718ea0', class: "date-selection-calendar" }, index.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 })), index.h("div", { key: '65c44ad37658cc2a523db08419ba7ea1d383840f', class: "date-selection-rightIcon", innerHTML: rightArrowIcon, onClick: this.nextDraw.bind(this) })), index.h("div", { key: '829ccba627f01454dc8eb307a6377c893bdea8c5', class: "winning-result" }, index.h("div", { key: '20952759d278b8727b4013e41f6227127a776ac7', class: "betting-type" }, index.h("div", { key: '802989e535ebdb2059681740587b476c812e35b4', class: "betting-type-title" }, translate$6('bettingType', this.language)), index.h("div", { key: 'aa69117cbb91fb269a66e2aab97309b06dfecd57', class: "betting-type-text" }, index.h("div", { key: '708ec51e5d307b1e27ff3ad4a2f0e43195e4a944', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (index.h("button", { class: {
|
|
1691
1707
|
LotteryTippingTicketController__segment: true,
|
|
1692
1708
|
'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
|
|
1693
|
-
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), index.h("lottery-tipping-ticket-bet", { key: '
|
|
1709
|
+
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), index.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 })), index.h("div", { key: '10bdd643b69be187783ce4e2c50568ad1851be53', class: "prize-result" }, index.h("div", { key: '5c7466e02f8d0920dd7146d99f9360b66c6ee737', class: "prize-result-title" }, translate$6('prizeAllocation', this.language, { turnover: formattedTurnover(this.curTurnOver) })), index.h("div", { key: 'd37344089ddf988ea5093131c1ab3f56ff41fa5d', class: "prize-result-table" }, index.h("div", { key: '26f21fa18cc30e1981bd4d0c23ddfca123b65404', class: "prize-result-table-header" }, index.h("div", { key: 'f2f7fe64694c2a82bf5aec287a3349cd68221f07', class: "prize-result-table-row" }, index.h("div", { key: '7e6cf967655516f71d1a28209ddc3cc10ab0b246', class: "prize-result-table-column" }, translate$6('prizes', this.language)), index.h("div", { key: '420087a0cbf9ed50b764d8d05526f3f219539649', class: "prize-result-table-column" }, translate$6('numberOfWinners', this.language)), index.h("div", { key: 'df5fce05e03f48709ecd7f2f6f90e4408c4aa694', class: "prize-result-table-column" }, translate$6('prizeMoney', this.language)))), index.h("div", { key: '5ca663cc2a2d69124205158b90b82c2a299a45b3', class: "prize-result-table-body" }, this.displayedPrizes.map((prize) => (index.h("div", { class: "prize-result-table-row" }, index.h("div", { class: "prize-result-table-column" }, prize.divisionDisplayName), index.h("div", { class: "prize-result-table-column" }, prize.players), index.h("div", { class: "prize-result-table-column" }, thousandSeperator$1(prize.totalAmount.value)))))))))), this.curDrawSelection.length == 0 && !this.isLoading && (index.h("div", { key: '3efeea6a27837d8d4ea9c4a93bd225294a116ca6' }, translate$6('noLatestResult', this.language))), this.isLoading && index.h("div", { key: '6dbcdda8e4d044476f125fbf51dc6179b2eae8f1', class: "loading-wrap" }, translate$6('loading', this.language))));
|
|
1694
1710
|
}
|
|
1695
1711
|
static get watchers() { return {
|
|
1696
1712
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -1778,6 +1794,7 @@ const LotteryTippingPage = class {
|
|
|
1778
1794
|
this.language = 'en';
|
|
1779
1795
|
this.endpoint = undefined;
|
|
1780
1796
|
this.endpointTicket = undefined;
|
|
1797
|
+
this.endpointLotteryBe = undefined;
|
|
1781
1798
|
this.gameId = undefined;
|
|
1782
1799
|
this.playerId = undefined;
|
|
1783
1800
|
this.sessionId = undefined;
|
|
@@ -1829,7 +1846,7 @@ const LotteryTippingPage = class {
|
|
|
1829
1846
|
}
|
|
1830
1847
|
renderContent() {
|
|
1831
1848
|
if (this.activeTab === Tab.BuyTickets) {
|
|
1832
|
-
return (index.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 }));
|
|
1849
|
+
return (index.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 }));
|
|
1833
1850
|
}
|
|
1834
1851
|
if (this.activeTab === Tab.MyTickets) {
|
|
1835
1852
|
return (index.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 }));
|
|
@@ -1837,7 +1854,7 @@ const LotteryTippingPage = class {
|
|
|
1837
1854
|
return null;
|
|
1838
1855
|
}
|
|
1839
1856
|
render() {
|
|
1840
|
-
return (index.h("div", { key: '
|
|
1857
|
+
return (index.h("div", { key: '25d9a739d9040f9b79d9652b8cef03cf72a1d8e6', class: "lottery-tipping-page", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'a94afa5201c3b6ccbe7edf59cdd04251ef280713', class: "lottery-tipping-page-header" }, index.h("slot", { key: 'ca7b177f464fbae1a54cae96a9ddad5bc50c5f9c', name: "backBtn" }), this.renderTabs(), index.h("div", { key: '28cd52ce3161d7da7136adc41fb021967a4a2ae9', class: "lottery-tipping-page-header-operation" }, index.h("slot", { key: '4caab039d48ecaf202a2d993ca2b1b46f3291804', name: "themeBtn" }), index.h("slot", { key: '5ab4e60d657bf0b945afd87f7778fb1d57b8f69b', name: "logoutBtn" }))), index.h("div", { key: '31e2e35380bde69f1e5b65cf9841f856fe6e9ed2', class: "lottery-tipping-content" }, this.renderContent())));
|
|
1841
1858
|
}
|
|
1842
1859
|
static get watchers() { return {
|
|
1843
1860
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -1847,7 +1864,7 @@ const LotteryTippingPage = class {
|
|
|
1847
1864
|
};
|
|
1848
1865
|
LotteryTippingPage.style = LotteryTippingPageStyle0;
|
|
1849
1866
|
|
|
1850
|
-
const generateUUID$
|
|
1867
|
+
const generateUUID$2 = () => {
|
|
1851
1868
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
1852
1869
|
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
1853
1870
|
return v.toString(16);
|
|
@@ -1855,7 +1872,7 @@ const generateUUID$1 = () => {
|
|
|
1855
1872
|
};
|
|
1856
1873
|
function fetchRequest$1(url, method = 'GET', body = null, headers = {}) {
|
|
1857
1874
|
return new Promise((resolve, reject) => {
|
|
1858
|
-
const uuid = generateUUID$
|
|
1875
|
+
const uuid = generateUUID$2();
|
|
1859
1876
|
const headersOrigin = Object.assign({ 'Content-Type': 'application/json' }, headers);
|
|
1860
1877
|
if (method !== 'GET' && method !== 'HEAD') {
|
|
1861
1878
|
headersOrigin['X-Idempotency-Key'] = uuid;
|
|
@@ -1874,7 +1891,7 @@ function fetchRequest$1(url, method = 'GET', body = null, headers = {}) {
|
|
|
1874
1891
|
fetch(url, options)
|
|
1875
1892
|
.then((response) => {
|
|
1876
1893
|
if (!response.ok) {
|
|
1877
|
-
|
|
1894
|
+
return reject(response);
|
|
1878
1895
|
}
|
|
1879
1896
|
return response.json();
|
|
1880
1897
|
})
|
|
@@ -2007,7 +2024,7 @@ const showNotification$2 = ({ message, theme = 'success' }) => {
|
|
|
2007
2024
|
});
|
|
2008
2025
|
};
|
|
2009
2026
|
|
|
2010
|
-
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)}";
|
|
2027
|
+
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)}";
|
|
2011
2028
|
const LotteryTippingPaginationStyle0 = lotteryTippingPaginationCss;
|
|
2012
2029
|
|
|
2013
2030
|
const LotteryTippingPagination = class {
|
|
@@ -2205,6 +2222,9 @@ const DEFAULT_LANGUAGE$2 = 'en';
|
|
|
2205
2222
|
const SUPPORTED_LANGUAGES$2 = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
2206
2223
|
const TRANSLATIONS$2 = {
|
|
2207
2224
|
en: {
|
|
2225
|
+
stop: 'Stop',
|
|
2226
|
+
at: 'at',
|
|
2227
|
+
turnover: 'Turnover: ',
|
|
2208
2228
|
selectionCleared: 'Your selection will be cleared.',
|
|
2209
2229
|
ticketSubmitted: 'Ticket submitted successfully.',
|
|
2210
2230
|
ticketFailed: 'Failed to purchase the ticket. Please try again.',
|
|
@@ -2329,7 +2349,7 @@ const formatDate$1 = ({ date, type = 'date', format }) => {
|
|
|
2329
2349
|
return '';
|
|
2330
2350
|
}
|
|
2331
2351
|
};
|
|
2332
|
-
const generateUUID = () => {
|
|
2352
|
+
const generateUUID$1 = () => {
|
|
2333
2353
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
2334
2354
|
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
2335
2355
|
return v.toString(16);
|
|
@@ -2337,7 +2357,7 @@ const generateUUID = () => {
|
|
|
2337
2357
|
};
|
|
2338
2358
|
function fetchRequest(url, method = 'GET', body = null, headers = {}) {
|
|
2339
2359
|
return new Promise((resolve, reject) => {
|
|
2340
|
-
const uuid = generateUUID();
|
|
2360
|
+
const uuid = generateUUID$1();
|
|
2341
2361
|
const headersOrigin = Object.assign({ 'Content-Type': 'application/json' }, headers);
|
|
2342
2362
|
if (method !== 'GET' && method !== 'HEAD') {
|
|
2343
2363
|
headersOrigin['X-Idempotency-Key'] = uuid;
|
|
@@ -2379,7 +2399,6 @@ const thousandSeparator = (value) => {
|
|
|
2379
2399
|
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
2380
2400
|
return parts.join('.');
|
|
2381
2401
|
};
|
|
2382
|
-
const TICKET_INVALID_TOKEN = 'TICKET_INVALID_TOKEN';
|
|
2383
2402
|
// format results to winning numbers
|
|
2384
2403
|
const formatResultsToWinningNumbers = (rawResults) => {
|
|
2385
2404
|
const formatMatchCheckRes = (matchRes) => matchRes.map((bulletItem) => (bulletItem.isSelected ? 1 : 0));
|
|
@@ -2399,27 +2418,6 @@ const formatResultsToWinningNumbers = (rawResults) => {
|
|
|
2399
2418
|
}
|
|
2400
2419
|
return result;
|
|
2401
2420
|
};
|
|
2402
|
-
const doSubmitTicket = ({ body, sessionId, url }) => {
|
|
2403
|
-
const options = {
|
|
2404
|
-
method: 'POST',
|
|
2405
|
-
headers: {
|
|
2406
|
-
'Content-Type': 'application/json',
|
|
2407
|
-
Accept: 'application/json',
|
|
2408
|
-
Authorization: `Bearer ${sessionId}`,
|
|
2409
|
-
'X-Idempotency-Key': generateUUID()
|
|
2410
|
-
},
|
|
2411
|
-
body: JSON.stringify(body)
|
|
2412
|
-
};
|
|
2413
|
-
return fetch(url, options).then((res) => {
|
|
2414
|
-
if (res.status === 401) {
|
|
2415
|
-
throw new Error(TICKET_INVALID_TOKEN);
|
|
2416
|
-
}
|
|
2417
|
-
if (res.status > 300) {
|
|
2418
|
-
throw new Error(res.statusText);
|
|
2419
|
-
}
|
|
2420
|
-
return res.json();
|
|
2421
|
-
});
|
|
2422
|
-
};
|
|
2423
2421
|
// BettingTypes, playModes and playTypes
|
|
2424
2422
|
const getEnableOptions = (raw = []) => raw.filter((i) => i.enabled);
|
|
2425
2423
|
// the first one in bet type config that enabled = true, will be default choice
|
|
@@ -2457,7 +2455,8 @@ const SUPPORTED_LANGUAGES$1 = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
|
2457
2455
|
const TRANSLATIONS$1 = {
|
|
2458
2456
|
en: {
|
|
2459
2457
|
stop: 'Stop',
|
|
2460
|
-
at: 'at'
|
|
2458
|
+
at: 'at',
|
|
2459
|
+
turnover: 'Turnover: '
|
|
2461
2460
|
},
|
|
2462
2461
|
ro: {
|
|
2463
2462
|
stop: 'Oprește',
|
|
@@ -2495,6 +2494,7 @@ const LotteryTippingTicketBanner = class {
|
|
|
2495
2494
|
this.logoUrl = undefined;
|
|
2496
2495
|
this.stopTime = '';
|
|
2497
2496
|
this.period = undefined;
|
|
2497
|
+
this.formattedTurnover = undefined;
|
|
2498
2498
|
}
|
|
2499
2499
|
get formattedStopTime() {
|
|
2500
2500
|
let _temp = '';
|
|
@@ -2549,7 +2549,7 @@ const LotteryTippingTicketBanner = class {
|
|
|
2549
2549
|
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
2550
2550
|
}
|
|
2551
2551
|
render() {
|
|
2552
|
-
return (index.h("div", { key: '
|
|
2552
|
+
return (index.h("div", { key: 'e9286d0a6a9433698703b9c04d6d50892a7b3168', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, index.h("section", { key: 'd787e64156f76cf6d12bd552513971301534860c', class: "banner" }, index.h("div", { key: '027baf0c88733d1430801c96b5b338f79f92f22c', class: "left" }, this.logoUrl && index.h("img", { key: '7b41d5635a2121ccf394aca19de48e10e9a93357', alt: "Betting", src: this.logoUrl, class: "logo" })), index.h("div", { key: '73e6c3ffa336b020a3819a72b71117b8084381b1', class: "mid period" }, this.formattedPeriod), index.h("div", { key: '922ae894814157f68aa8f0774c8aa5ca06e1e7cd', class: "right" }, index.h("span", { key: 'efaf79b1ff5617f2ba92cfef464232041cd87fbf', class: "pill" }, index.h("strong", { key: 'c842562b15a13407038933da9d1cc7c6fafa0b76' }, translate$1('stop', this.language)), "\u00A0", translate$1('at', this.language), "\u00A0", this.formattedStopTime), index.h("span", { key: '3e79a5ec17cbcf0896d58196286fa0b637988f69', class: "pill" }, index.h("strong", { key: '1158b00abffb1c6bf04e9eec10b4c996d04f118e' }, translate$1('turnover', this.language)), "\u00A0", this.formattedTurnover)))));
|
|
2553
2553
|
}
|
|
2554
2554
|
static get assetsDirs() { return ["../static"]; }
|
|
2555
2555
|
static get watchers() { return {
|
|
@@ -2840,11 +2840,7 @@ const LotteryTippingTicketBet = class {
|
|
|
2840
2840
|
.then((data) => {
|
|
2841
2841
|
this.ticketDataSource = data || [];
|
|
2842
2842
|
this.isLoading = false;
|
|
2843
|
-
|
|
2844
|
-
this.bulletConfigLineGroup = this.parsedDefaultBulletConfigLineGroup;
|
|
2845
|
-
else {
|
|
2846
|
-
this._resetBulletConfig();
|
|
2847
|
-
}
|
|
2843
|
+
this.updateBulletConfigLineGroup();
|
|
2848
2844
|
})
|
|
2849
2845
|
.catch((err) => {
|
|
2850
2846
|
this.isLoading = false;
|
|
@@ -2852,6 +2848,13 @@ const LotteryTippingTicketBet = class {
|
|
|
2852
2848
|
console.error('Error!', err);
|
|
2853
2849
|
});
|
|
2854
2850
|
}
|
|
2851
|
+
updateBulletConfigLineGroup() {
|
|
2852
|
+
if (this.parsedDefaultBulletConfigLineGroup && this.parsedDefaultBulletConfigLineGroup.length > 0)
|
|
2853
|
+
this.bulletConfigLineGroup = this.parsedDefaultBulletConfigLineGroup;
|
|
2854
|
+
else {
|
|
2855
|
+
this._resetBulletConfig();
|
|
2856
|
+
}
|
|
2857
|
+
}
|
|
2855
2858
|
connectedCallback() {
|
|
2856
2859
|
this.fetchMatchData();
|
|
2857
2860
|
}
|
|
@@ -3019,6 +3022,7 @@ const LotteryTippingTicketBet = class {
|
|
|
3019
3022
|
"gameId": ["fetchMatchData"],
|
|
3020
3023
|
"sessionId": ["fetchMatchData"],
|
|
3021
3024
|
"drawId": ["fetchMatchData"],
|
|
3025
|
+
"defaultBulletConfigLineGroup": ["fetchMatchData"],
|
|
3022
3026
|
"currentPage": ["handleCurrentPageChange"]
|
|
3023
3027
|
}; }
|
|
3024
3028
|
};
|
|
@@ -3036,16 +3040,52 @@ var BettingTypeEnum;
|
|
|
3036
3040
|
BettingTypeEnum["Both"] = "Both";
|
|
3037
3041
|
})(BettingTypeEnum || (BettingTypeEnum = {}));
|
|
3038
3042
|
|
|
3043
|
+
const TICKET_INVALID_TOKEN = 'TICKET_INVALID_TOKEN';
|
|
3044
|
+
const generateUUID = () => {
|
|
3045
|
+
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
3046
|
+
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
3047
|
+
return v.toString(16);
|
|
3048
|
+
});
|
|
3049
|
+
};
|
|
3050
|
+
const doSubmitTicket = ({ body, sessionId, url }) => {
|
|
3051
|
+
const options = {
|
|
3052
|
+
method: 'POST',
|
|
3053
|
+
headers: {
|
|
3054
|
+
'Content-Type': 'application/json',
|
|
3055
|
+
Accept: 'application/json',
|
|
3056
|
+
Authorization: `Bearer ${sessionId}`,
|
|
3057
|
+
'X-Idempotency-Key': generateUUID()
|
|
3058
|
+
},
|
|
3059
|
+
body: JSON.stringify(body)
|
|
3060
|
+
};
|
|
3061
|
+
return fetch(url, options).then((res) => {
|
|
3062
|
+
if (res.status === 401) {
|
|
3063
|
+
throw new Error(TICKET_INVALID_TOKEN);
|
|
3064
|
+
}
|
|
3065
|
+
if (res.status > 300) {
|
|
3066
|
+
throw new Error(res.statusText);
|
|
3067
|
+
}
|
|
3068
|
+
return res.json();
|
|
3069
|
+
});
|
|
3070
|
+
};
|
|
3071
|
+
async function fetchSaleStatistics({ endpoint, gameId, drawId }) {
|
|
3072
|
+
try {
|
|
3073
|
+
const res = await fetchRequest(`${endpoint}/api/v1/lottery/core/widget/games/${gameId}/draws/${drawId}/saleStatistics`);
|
|
3074
|
+
return res;
|
|
3075
|
+
}
|
|
3076
|
+
catch (error) {
|
|
3077
|
+
return Promise.reject(error);
|
|
3078
|
+
}
|
|
3079
|
+
}
|
|
3080
|
+
|
|
3039
3081
|
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}";
|
|
3040
3082
|
const LotteryTippingTicketControllerStyle0 = lotteryTippingTicketControllerCss;
|
|
3041
3083
|
|
|
3042
|
-
const loadingImagePath = renderIconDefinitionToSVGElement(EllipsisOutlined$1, {
|
|
3043
|
-
extraSVGAttrs: { height: '20px', width: '20px', fill: 'currentColor' }
|
|
3044
|
-
});
|
|
3045
3084
|
const LotteryTippingTicketController = class {
|
|
3046
3085
|
constructor(hostRef) {
|
|
3047
3086
|
index.registerInstance(this, hostRef);
|
|
3048
3087
|
this.logoutEventHandler = index.createEvent(this, "logout", 7);
|
|
3088
|
+
this.bothBettingTypeMultiplier = 2;
|
|
3049
3089
|
this.mbSource = undefined;
|
|
3050
3090
|
this.clientStyling = undefined;
|
|
3051
3091
|
this.clientStylingUrl = undefined;
|
|
@@ -3053,6 +3093,7 @@ const LotteryTippingTicketController = class {
|
|
|
3053
3093
|
this.language = 'en';
|
|
3054
3094
|
this.logoUrl = undefined;
|
|
3055
3095
|
this.endpoint = '';
|
|
3096
|
+
this.endpointLotteryBe = '';
|
|
3056
3097
|
this.endpointTicket = undefined;
|
|
3057
3098
|
this.sessionId = undefined;
|
|
3058
3099
|
this.gameId = undefined;
|
|
@@ -3068,6 +3109,7 @@ const LotteryTippingTicketController = class {
|
|
|
3068
3109
|
this.totalLineCombination = 0;
|
|
3069
3110
|
this.submitLoading = undefined;
|
|
3070
3111
|
this.rawData = {};
|
|
3112
|
+
this.saleStatisticsInfo = {};
|
|
3071
3113
|
this.dialogConfig = { visible: false };
|
|
3072
3114
|
}
|
|
3073
3115
|
async getLotteryTippingBulletResults() {
|
|
@@ -3166,12 +3208,14 @@ const LotteryTippingTicketController = class {
|
|
|
3166
3208
|
return 0;
|
|
3167
3209
|
}
|
|
3168
3210
|
let totalAmount = stake.value * this.totalLineCombination;
|
|
3211
|
+
if (this.isBothBettingType)
|
|
3212
|
+
totalAmount = this.bothBettingTypeMultiplier * totalAmount;
|
|
3169
3213
|
return totalAmount;
|
|
3170
3214
|
}
|
|
3171
3215
|
get totalAmountFormatted() {
|
|
3172
3216
|
var _a;
|
|
3173
3217
|
const totalAmount = this.calculateTotalAmount();
|
|
3174
|
-
return thousandSeparator(totalAmount) + ' ' + ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.currency) || '';
|
|
3218
|
+
return thousandSeparator(totalAmount) + ' ' + (((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.currency) || '');
|
|
3175
3219
|
}
|
|
3176
3220
|
get currentStakeFormatted() {
|
|
3177
3221
|
const { value = '', currency = '' } = this.currentStake || {};
|
|
@@ -3251,6 +3295,7 @@ const LotteryTippingTicketController = class {
|
|
|
3251
3295
|
});
|
|
3252
3296
|
this.handleBettingTypeChange(bettingType);
|
|
3253
3297
|
this.selectedPlayingMode = playMode;
|
|
3298
|
+
return this.updateSaleStatistics();
|
|
3254
3299
|
})
|
|
3255
3300
|
.catch((err) => {
|
|
3256
3301
|
console.error('Error!', err);
|
|
@@ -3261,6 +3306,16 @@ const LotteryTippingTicketController = class {
|
|
|
3261
3306
|
};
|
|
3262
3307
|
fetchData();
|
|
3263
3308
|
}
|
|
3309
|
+
updateSaleStatistics() {
|
|
3310
|
+
var _a;
|
|
3311
|
+
return fetchSaleStatistics({
|
|
3312
|
+
endpoint: this.endpointLotteryBe,
|
|
3313
|
+
gameId: (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.type,
|
|
3314
|
+
drawId: this.drawId
|
|
3315
|
+
}).then((res) => {
|
|
3316
|
+
this.saleStatisticsInfo = res;
|
|
3317
|
+
});
|
|
3318
|
+
}
|
|
3264
3319
|
async handleSubmit() {
|
|
3265
3320
|
const rawResults = await this.getLotteryTippingBulletResults();
|
|
3266
3321
|
const { betTypeId, betType } = getPlayTypeConfig({
|
|
@@ -3302,6 +3357,7 @@ const LotteryTippingTicketController = class {
|
|
|
3302
3357
|
.then(() => {
|
|
3303
3358
|
showNotification$1({ message: translate$2('ticketSubmitted', this.language) });
|
|
3304
3359
|
this.clearBulletConfig();
|
|
3360
|
+
this.updateSaleStatistics();
|
|
3305
3361
|
})
|
|
3306
3362
|
.catch((res) => {
|
|
3307
3363
|
if (res.message === TICKET_INVALID_TOKEN) {
|
|
@@ -3335,15 +3391,19 @@ const LotteryTippingTicketController = class {
|
|
|
3335
3391
|
return (index.h("div", { class: "LotteryTippingTicketController__top" }, index.h("div", { class: "LotteryTippingTicketController__row" }, index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate$2('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate$2('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()))));
|
|
3336
3392
|
}
|
|
3337
3393
|
renderOrderSummary() {
|
|
3338
|
-
return (index.h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, index.h("h3", { class: "order-summary__title" }, translate$2('orderSummaryTitle', this.language)), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTickets', this.language), ":"), index.h("div", { class: "order-summary__details" }, index.h("span", { class: "order-summary__line-count" }, this.lineCountRender), index.h("div", null, this.currentStake && index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (index.h("div", null, index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" },
|
|
3339
|
-
|
|
3340
|
-
|
|
3341
|
-
|
|
3342
|
-
|
|
3394
|
+
return (index.h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, index.h("h3", { class: "order-summary__title" }, translate$2('orderSummaryTitle', this.language)), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTickets', this.language), ":"), index.h("div", { class: "order-summary__details" }, index.h("span", { class: "order-summary__line-count" }, this.lineCountRender), index.h("div", null, this.currentStake && index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (index.h("div", null, index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" }, this.bothBettingTypeMultiplier))))), index.h("hr", { class: "order-summary__divider" }), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTotal', this.language), ":"), index.h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), index.h("div", { class: "order-summary__button-wrapper" }, index.h("lottery-button", { onClick: this.handleSubmit.bind(this), loading: this.submitLoading, disabled: !this.hasSelectAllBullet || this.submitLoading, text: translate$2('orderSummarySubmit', this.language) }))));
|
|
3395
|
+
}
|
|
3396
|
+
get formattedTurnover() {
|
|
3397
|
+
var _a, _b;
|
|
3398
|
+
const turnover = (_b = (_a = this.saleStatisticsInfo) === null || _a === void 0 ? void 0 : _a.wagerSegment) === null || _b === void 0 ? void 0 : _b.totalSalesCrossDraw;
|
|
3399
|
+
if (turnover === null || turnover === undefined)
|
|
3400
|
+
return '';
|
|
3401
|
+
const unit = '€';
|
|
3402
|
+
return `${unit}${turnover ? thousandSeparator(turnover) : 0}`;
|
|
3343
3403
|
}
|
|
3344
3404
|
render() {
|
|
3345
3405
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
3346
|
-
return (index.h("div", { key: '
|
|
3406
|
+
return (index.h("div", { key: 'a849624b0fe5fae436bec3e42836d4dc30074539', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, index.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(), index.h("div", { key: 'b8cfcea8d213bd0275ab9f1a3a164ebcaa629f71', class: "flex flex-wrap LotteryTippingTicketController__main" }, index.h("div", { key: '9fec0554e90804ae4b261d5facc28de4d242524d', class: "LotteryTippingTicketController__main--left" }, index.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 && (index.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))));
|
|
3347
3407
|
}
|
|
3348
3408
|
static get assetsDirs() { return ["../static"]; }
|
|
3349
3409
|
static get watchers() { return {
|
|
@@ -3413,7 +3473,7 @@ const LotteryTippingTicketHistory = class {
|
|
|
3413
3473
|
this.ticketHistory = [];
|
|
3414
3474
|
this.activeStatus = '';
|
|
3415
3475
|
this.statusOptions = undefined;
|
|
3416
|
-
this.isLoading =
|
|
3476
|
+
this.isLoading = true;
|
|
3417
3477
|
this.rawData = {};
|
|
3418
3478
|
this.filterData = {
|
|
3419
3479
|
offset: 0,
|
|
@@ -3423,6 +3483,7 @@ const LotteryTippingTicketHistory = class {
|
|
|
3423
3483
|
to: '',
|
|
3424
3484
|
wagerType: '',
|
|
3425
3485
|
vendorGameType: 'PoolGame',
|
|
3486
|
+
vendorGameBettingObject: 'HomeDrawAway',
|
|
3426
3487
|
id: ''
|
|
3427
3488
|
};
|
|
3428
3489
|
this.paginationInfo = {
|
|
@@ -3469,7 +3530,6 @@ const LotteryTippingTicketHistory = class {
|
|
|
3469
3530
|
async fetchGameData() {
|
|
3470
3531
|
var _a;
|
|
3471
3532
|
try {
|
|
3472
|
-
this.isLoading = true;
|
|
3473
3533
|
let url = new URL(`${this.endpoint}/games/${this.gameId}`);
|
|
3474
3534
|
const res = await fetchRequest$1(url.href, 'GET');
|
|
3475
3535
|
this.rawData = res;
|
|
@@ -3478,7 +3538,6 @@ const LotteryTippingTicketHistory = class {
|
|
|
3478
3538
|
showNotification$2({ message: (_a = e.message) !== null && _a !== void 0 ? _a : e, theme: 'error' });
|
|
3479
3539
|
}
|
|
3480
3540
|
finally {
|
|
3481
|
-
this.isLoading = false;
|
|
3482
3541
|
}
|
|
3483
3542
|
}
|
|
3484
3543
|
connectedCallback() {
|
|
@@ -3532,7 +3591,7 @@ const LotteryTippingTicketHistory = class {
|
|
|
3532
3591
|
this.isLoading = false;
|
|
3533
3592
|
}
|
|
3534
3593
|
}
|
|
3535
|
-
async
|
|
3594
|
+
async fetchDrawResult(gameId, drawId) {
|
|
3536
3595
|
try {
|
|
3537
3596
|
const res = await fetchRequest$1(`${this.endpoint}/games/${gameId}/draws/${drawId}`, 'GET', {});
|
|
3538
3597
|
return res;
|
|
@@ -3572,7 +3631,7 @@ const LotteryTippingTicketHistory = class {
|
|
|
3572
3631
|
let updatedTicketHistory = [...this.ticketHistory];
|
|
3573
3632
|
await Promise.all(Array.from(idMapper.values()).map(async ({ gameId, drawId, indices }) => {
|
|
3574
3633
|
try {
|
|
3575
|
-
const drawData = await this.
|
|
3634
|
+
const drawData = await this.fetchDrawResult(gameId, drawId);
|
|
3576
3635
|
if (drawData) {
|
|
3577
3636
|
indices.forEach(({ ticketIndex, drawIndex }) => {
|
|
3578
3637
|
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) });
|
|
@@ -3663,6 +3722,7 @@ const LotteryTippingTicketHistory = class {
|
|
|
3663
3722
|
to: '',
|
|
3664
3723
|
wagerType: '',
|
|
3665
3724
|
vendorGameType: 'PoolGame',
|
|
3725
|
+
vendorGameBettingObject: 'HomeDrawAway',
|
|
3666
3726
|
id: ''
|
|
3667
3727
|
};
|
|
3668
3728
|
this.fetchTicketList();
|
|
@@ -3693,15 +3753,15 @@ const LotteryTippingTicketHistory = class {
|
|
|
3693
3753
|
return name !== null && name !== void 0 ? name : bettingType;
|
|
3694
3754
|
}
|
|
3695
3755
|
render() {
|
|
3696
|
-
return (index.h("div", { key: '
|
|
3697
|
-
item.drawResults.map((drawResultItem) => (index.h("div", { class: "draw-info-container" }, drawResultItem.tempDrawData ? (index.h("div", { class: "draw-info" }, index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('ticketResult', this.language)), index.h("div", { class: "draw-info-val" }, this.resultMap[drawResultItem.state])), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('drawId', this.language)), index.h("div", { class: "draw-info-val" }, drawResultItem.drawId)), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('drawDate', this.language)), index.h("div", { class: "draw-info-val" }, lotteryTippingEntrance.format(new Date(drawResultItem.tempDrawData.date), 'dd/MM/yyyy'))), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('result', this.language)), index.h("div", { class: "draw-info-val" }, index.h("span", { class: "show-detail-link", onClick: () => this.handleShowCurrentDraw(drawResultItem.tempDrawData) }, translate$4('seeDetails', this.language)))), drawResultItem.state === DrawResult.WON && (index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('prize', this.language)), index.h("div", { class: "draw-info-val1" }, index.h("div", { style: { height: '20px' } }), drawResultItem.prizeDetails.map((prizeItem) => (index.h("span", null, index.h("div", null, index.h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.prizeName, prizeItem.times > 1 ? ' x ' + prizeItem.times : '', ":", ' '), index.h("span", { style: { 'margin-right': '4px', color: 'rgb(85, 85, 85)' } }, thousandSeperator(prizeItem.amount)), index.h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.currency)))))))))) : (index.h("div", { class: "draw-info-skeleton" }, [...Array(5)].map(() => (index.h("div", { class: "skeleton-line" })))))))))))))), index.h("lottery-tipping-dialog", { key: '
|
|
3756
|
+
return (index.h("div", { key: '482c0231847e34c4778109388a4119311f967a23', class: "lottery-tipping-ticket-history", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '23ca773d34a5519bed5a46bdddeb631b7cf1a860', class: "ticket-history-title" }, translate$4('ticketsHistory', this.language)), index.h("div", { key: '490645a92e95d8f9372de8da178d68192dbd9833', class: "filter-wrap" }, index.h("div", { key: 'e6148ecca58e013dbb3cf14c63a775ac7b7bf1e1', class: "filter-status" }, this.statusOptions.map((status) => (index.h("div", { class: 'filter-status-btn' + (this.activeStatus == status.value ? ' active' : ''), onClick: () => this.changeStatus(status.value) }, status.label)))), index.h("div", { key: 'a4b4a6bf6bf4ee1f6ac96d070e166a9c3d9d8685', class: "filter-operation" }, index.h("lottery-tipping-filter", { key: '4840846470dd119ddf612596b5384cacfeaf3712', "quick-filters-active": this.quickFiltersActive, language: this.language, "translation-url": this.translationUrl }))), this.isLoading && (index.h("div", { key: '889098ccaa01cc2ac09a7137877d539cbe3d065e', class: "loading-wrap" }, index.h("section", { key: '8e2dbde5a065631809ce58351970455087ad15f2', class: "dots-container" }, index.h("div", { key: '57091e88a4d804978c82fc7539c8176ed6749c36', class: "dot" }), index.h("div", { key: '5ebfda4acf1a2313a320cebbf50997ea61591aac', class: "dot" }), index.h("div", { key: 'b8bcf4f0c3d56daeb0905fcc30ad2ddd2486d163', class: "dot" }), index.h("div", { key: '66b9f178213463bb7b52942a3ff3e46a179564fc', class: "dot" }), index.h("div", { key: 'a37e51ff17057fc722e45004de2b0af121f7caf4', class: "dot" })))), !this.isLoading && this.paginationInfo.total > 0 && (index.h("div", { key: 'b79011a6606fec6865b9444b6b72a4ee8e6e6eea', class: "ticket-list-wrap" }, this.ticketHistory.map((item) => (index.h("lottery-tipping-panel", { "header-title": lotteryTippingEntrance.format(new Date(item.createdAt), 'dd/MM/yyyy HH:mm:ss') + ' ' + item.state }, index.h("div", { class: "panel-content", slot: "content" }, index.h("div", { class: "ticket-info" }, index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$4('ticketId', this.language)), index.h("div", { class: "ticket-info-val" }, item.id, " ")), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$4('ticketType', this.language)), index.h("div", { class: "ticket-info-val" }, this.ticketTypeMap[item.wagerType], " ")), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$4('ticketAmount', this.language)), index.h("div", { class: "ticket-info-val" }, `${item.amount} ${item.currency}`)), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$4('lineDetail', this.language)), index.h("div", { class: "ticket-info-val" }, index.h("span", { class: "show-detail-link", onClick: () => this.handleShowTicketLineDetial(item) }, translate$4('seeDetails', this.language)))), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$4('numberOfDraw', this.language)), index.h("div", { class: "ticket-info-val" }, item.drawCount))), item.state == 'Settled' &&
|
|
3757
|
+
item.drawResults.map((drawResultItem) => (index.h("div", { class: "draw-info-container" }, drawResultItem.tempDrawData ? (index.h("div", { class: "draw-info" }, index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('ticketResult', this.language)), index.h("div", { class: "draw-info-val" }, this.resultMap[drawResultItem.state])), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('drawId', this.language)), index.h("div", { class: "draw-info-val" }, drawResultItem.drawId)), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('drawDate', this.language)), index.h("div", { class: "draw-info-val" }, lotteryTippingEntrance.format(new Date(drawResultItem.tempDrawData.date), 'dd/MM/yyyy'))), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('result', this.language)), index.h("div", { class: "draw-info-val" }, index.h("span", { class: "show-detail-link", onClick: () => this.handleShowCurrentDraw(drawResultItem.tempDrawData) }, translate$4('seeDetails', this.language)))), drawResultItem.state === DrawResult.WON && (index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$4('prize', this.language)), index.h("div", { class: "draw-info-val1" }, index.h("div", { style: { height: '20px' } }), drawResultItem.prizeDetails.map((prizeItem) => (index.h("span", null, index.h("div", null, index.h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.prizeName, prizeItem.times > 1 ? ' x ' + prizeItem.times : '', ":", ' '), index.h("span", { style: { 'margin-right': '4px', color: 'rgb(85, 85, 85)' } }, thousandSeperator(prizeItem.amount)), index.h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.currency)))))))))) : (index.h("div", { class: "draw-info-skeleton" }, [...Array(5)].map(() => (index.h("div", { class: "skeleton-line" })))))))))))))), !this.isLoading && this.paginationInfo.total === 0 && (index.h("div", { key: 'ee7a1052955280e5a6ada4c0efc30b9fd0d98fd9', class: "empty-wrap" }, translate$4('noData', this.language))), index.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: () => {
|
|
3698
3758
|
this.showCurrentTicketLine = false;
|
|
3699
|
-
}, language: this.language, "translation-url": this.translationUrl }, this.curSelection && this.curSelection.length && (index.h("div", { key: '
|
|
3759
|
+
}, language: this.language, "translation-url": this.translationUrl }, this.curSelection && this.curSelection.length && this.showCurrentTicketLine && (index.h("div", { key: 'fe67de05d41d4e49d1fd50dbf6ce92c599a37ea7' }, index.h("div", { key: 'c367ac116ad9ea927291881f5ff136840ccb4081', class: "betting-type" }, index.h("div", { key: '021e57f03a8c96a78dbcb5843186170fe1d0a53d', class: "betting-type-title" }, translate$4('bettingType', this.language)), index.h("div", { key: 'ea1fec0f472ab8187f09db90fc164ec0fa0c294d', class: "betting-type-text" }, this.getBettingTypeName(this.getBettingType(this.curTicketItem.selection[this.curSelectionIdx].betType)))), index.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 })))), index.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: () => {
|
|
3700
3760
|
this.showCurrentDrawResult = false;
|
|
3701
|
-
}, language: this.language, "translation-url": this.translationUrl }, this.curDrawSelection && this.curDrawSelection.length && (index.h("div", { key: '
|
|
3761
|
+
}, language: this.language, "translation-url": this.translationUrl }, this.curDrawSelection && this.curDrawSelection.length && this.showCurrentDrawResult && (index.h("div", { key: 'c0c43e4d4aa54c55b2f69fa254d78b02ebbf3d58' }, index.h("div", { key: 'f6f7971515335c61aa3ef179aafc4936a3445b72', class: "betting-type" }, index.h("div", { key: 'ed535b79ad7db63ca771b063eb30c5d2b89942e5', class: "betting-type-title" }, translate$4('bettingType', this.language)), index.h("div", { key: 'f017fe599cf209fa9a55e691b5943188e6a708ec', class: "betting-type-text" }, index.h("div", { key: 'cc9db96d2def2c0de5aa9b1e8b2075adbf40f728', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (index.h("button", { class: {
|
|
3702
3762
|
LotteryTippingTicketController__segment: true,
|
|
3703
3763
|
'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
|
|
3704
|
-
}, onClick: () => this.handleDrawBettingTypeChange(bettingType) }, this.getBettingTypeName(bettingType))))))), index.h("lottery-tipping-ticket-bet", { key: '
|
|
3764
|
+
}, onClick: () => this.handleDrawBettingTypeChange(bettingType) }, this.getBettingTypeName(bettingType))))))), index.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 })))), index.h("div", { key: 'a64d5819bf8db8e46e419cf88ac92eaef61288b5', class: "pagination-wrap" }, index.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 }))));
|
|
3705
3765
|
}
|
|
3706
3766
|
static get watchers() { return {
|
|
3707
3767
|
"clientStyling": ["handleClientStylingChange"],
|