@everymatrix/lottery-tipping-ticket-history 1.77.11 → 1.77.13
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/general-multi-select_10.cjs.entry.js +21 -16
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{lottery-tipping-ticket-history-56b0f341.js → lottery-tipping-ticket-history-dc0404e9.js} +1 -1
- package/dist/collection/components/lottery-tipping-filter/lottery-tipping-filter.css +1 -1
- package/dist/collection/components/lottery-tipping-pagination/lottery-tipping-pagination.css +2 -2
- package/dist/collection/components/lottery-tipping-panel/lottery-tipping-panel.css +4 -1
- package/dist/collection/components/lottery-tipping-ticket-history/lottery-tipping-ticket-history.css +19 -8
- package/dist/esm/general-multi-select_10.entry.js +22 -17
- package/dist/esm/index.js +1 -1
- package/dist/esm/{lottery-tipping-ticket-history-9657ed48.js → lottery-tipping-ticket-history-94060ab4.js} +1 -1
- package/dist/lottery-tipping-ticket-history/general-multi-select_10.entry.js +9 -8
- package/dist/lottery-tipping-ticket-history/index.esm.js +1 -1
- package/dist/lottery-tipping-ticket-history/{lottery-tipping-ticket-history-9657ed48.js → lottery-tipping-ticket-history-94060ab4.js} +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,c as e,g as i,h as s,a as o}from"./index-4e926388.js";import{r,t as n,s as a,a as l,b as h,g as c,c as d,f as u,i as p}from"./lottery-tipping-ticket-history-9657ed48.js";export{L as lottery_tipping_ticket_history}from"./lottery-tipping-ticket-history-9657ed48.js";var m=36e5;var v={dateTimeDelimiter:/[T ]/,timeZoneDelimiter:/[Z ]/i,timezone:/([Z+-].*)$/},f=/^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/,b=/^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/,g=/^([+-])(\d{2})(?::?(\d{2}))?$/;function y(t){return t?parseInt(t):1}function w(t){return t&&parseFloat(t.replace(",","."))||0}var x=[31,null,31,30,31,30,31,31,30,31,30,31];function _(t){return t%400==0||t%4==0&&t%100!=0}const k=class{constructor(s){t(this,s),this.change=e(this,"change",7),this.handleOutsideClick=t=>{t.composedPath().includes(this.el)||(this.dropdownOpen=!1,this.overflowOpen=!1)},this.toggleDropdown=t=>{t.stopPropagation(),this.dropdownOpen=!this.dropdownOpen,this.overflowOpen=!1},this.isSelected=t=>this.selectedValues.includes(t),this.selectItem=t=>{this.isSelected(t.value)||(this.selectedValues=[...this.selectedValues,t.value],this.change.emit(this.selectedValues))},this.toggleItem=t=>{this.isSelected(t.value)?this.removeItem(t.value):this.selectItem(t)},this.removeItem=(t,e)=>{e&&e.stopPropagation(),this.selectedValues=this.selectedValues.filter((e=>e!==t)),this.change.emit(this.selectedValues)},this.downIcon=i("../static/dropdown.svg"),this.upIcon=i("../static/dropup.svg"),this.isTouch="ontouchstart"in window,this.openOverflow=()=>{this.isTouch||(this.computePopoverPosition(),this.overflowOpen=!0)},this.closeOverflow=()=>{this.isTouch||(this.overflowOpen=!1)},this.toggleOverflow=t=>{t.stopPropagation(),this.computePopoverPosition(),this.overflowOpen=!this.overflowOpen},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.options=[],this.maxVisibleChips=2,this.placeholder="",this.selectedValues=[],this.dropdownOpen=!1,this.overflowOpen=!1,this.popoverStyle={top:"0px",left:"0px"}}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}async clear(){this.selectedValues=[],this.change.emit(this.selectedValues)}componentWillLoad(){document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick),this.stylingSubscription&&this.stylingSubscription.unsubscribe()}get selectedOptions(){return this.options.filter((t=>this.isSelected(t.value)))}get visibleChips(){return this.selectedOptions.slice(0,this.maxVisibleChips)}get hiddenChips(){return this.selectedOptions.slice(this.maxVisibleChips)}computePopoverPosition(){if(this.overflowChipEl&&this.el){const{left:t}=this.overflowChipEl.getBoundingClientRect(),{left:e,height:i}=this.el.getBoundingClientRect();this.popoverStyle={top:i-10+"px",left:t-e+"px"}}}render(){var t;return s("div",{key:"50b48397be3ede1907ab2c2abcd1cf2f43f69c13",class:"general-multi-select-container",ref:t=>this.stylingContainer=t},s("div",{key:"696a1bb1f221f8f5cf290fac040af10e2e5a115e",class:"multi-select-container",ref:t=>this.el=t},s("div",{key:"9ea92f01787b26d43054573a11896cf65065b073",class:"flex-row",onClick:this.toggleDropdown},s("div",{key:"f79720ca3ec383ee7f95b09483698ee18119c79a",class:"control"},this.visibleChips.map((t=>s("span",{class:"chip"},s("div",{class:"chip-text",title:t.text},t.text),s("div",{class:"remove-btn",onClick:e=>this.removeItem(t.value,e)},"×")))),this.hiddenChips.length>0&&s("span",{key:"25e9e527c33dd7a315dacb10cc51084fe69b9b7e",class:"chip overflow-chip",ref:t=>this.overflowChipEl=t,onMouseEnter:this.openOverflow,onMouseLeave:this.closeOverflow,onClick:this.toggleOverflow},"•••"),0===this.selectedValues.length&&s("span",{key:"b061de660a55f7a0d41ce9aa650108d3f38a9dc0",class:"placeholder"},this.placeholder)),s("div",{key:"f83b6517e88b3976cdc18590f8f1233cb2515230",class:"arrow"},s("img",{key:"1b61a49090237057b98e5ce8a4f7c1e3bfc9d4ba",class:"info-icon",src:this.dropdownOpen?this.upIcon:this.downIcon,style:{width:"18px"}}))),this.dropdownOpen&&s("div",{key:"e5b081007bcbdd251ce5ac235c1f19f17852c420",class:"dropdown"},this.options.map((t=>s("div",{class:{"dropdown-item":!0,selected:this.isSelected(t.value)},onClick:()=>this.toggleItem(t)},t.text)))),this.overflowOpen&&!!(null===(t=this.hiddenChips)||void 0===t?void 0:t.length)&&s("div",{key:"f8e3289042c69c569bebcd0a40d90f31261c6c12",class:"overflow-popover",style:{top:this.popoverStyle.top,left:this.popoverStyle.left},onMouseEnter:this.openOverflow,onMouseLeave:this.closeOverflow},this.hiddenChips.map((t=>s("span",{class:"chip"},s("span",{class:"chip-text",title:t.text},t.text),s("span",{class:"remove-btn",onClick:e=>this.removeItem(t.value,e)},"×")))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};k.style='.multi-select-container{position:relative;font-family:"Inter", sans-serif;margin-top:4px;width:100%}.flex-row{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;padding:8px 12px;padding-right:4px;border-radius:4px;background:var(--emw-selector-color-background, #e8ebef);cursor:pointer}.control{flex:1;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.control:focus-within{border-color:var(--emw--color-primary, #fed275);box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}.chip{display:inline-flex;align-items:center;background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-typography, #555);border-radius:4px;padding:2px 8px;margin-right:6px;font-size:0.875rem;line-height:1.2;justify-content:space-between;flex:0 1 auto;min-width:0}.chip-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-chip{background:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-300, #333);width:20px;text-align:center;display:block}.remove-btn{background:none;border:none;font-size:1rem;margin-left:6px;cursor:pointer;color:var(--emw--color-gray-150, #6f6f6f)}.remove-btn:hover{color:var(--emw--color-error, red)}.placeholder{color:var(--emw--color-gray-150, #6f6f6f);font-size:0.875rem;padding:3px 8px;line-height:1.2}.arrow{margin-left:auto;font-size:0.8rem;width:20px;color:var(--emw--color-gray-150, #6f6f6f)}.dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:240px;overflow-y:auto;border:1px solid var(--emw--color-gray-100, #e6e6e6);border-radius:6px;background:var(--emw--color-background, #ffffff);box-shadow:0 4px 12px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));z-index:10}.dropdown-item{padding:10px 14px;cursor:pointer;font-size:0.875rem;line-height:1.4;transition:background 0.2s}.dropdown-item:hover{background:var(--emw--color-gray-100, #f4f5f7)}.dropdown-item.selected{background:var(--emw--color-primary-variant, #bae7ff);color:var(--emw--color-primary, #0050b3);font-weight:500}.overflow-popover{position:absolute;top:var(--overflow-top, 0px);left:var(--overflow-left, 0px);max-width:200px;padding:12px;display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--emw--color-gray-100, #d0d5dd);border-radius:6px;background:var(--emw--color-background, #ffffff);box-shadow:0 4px 12px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));z-index:20}';const C=class{constructor(e){t(this,e),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.position="top",this.delay=200,this.isVisible=!1,this._tooltipId=void 0}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this._tooltipId=`general-tooltip-${Math.random().toString(36).substring(2,9)}`}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}handleMouseEnterOrFocus(){clearTimeout(this.hideTimeout),this.showTimeout&&clearTimeout(this.showTimeout),this.showTimeout=setTimeout((()=>{this.isVisible=!0}),this.delay)}handleMouseLeaveOrBlur(){this.showTimeout&&clearTimeout(this.showTimeout),this.hideTimeout=setTimeout((()=>{this.isVisible=!1}),100)}handleKeyDown(t){"Escape"===t.key&&this.isVisible&&(this.isVisible=!1)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe(),clearTimeout(this.showTimeout),clearTimeout(this.hideTimeout)}render(){const t={"general-tooltip-popup":!0,visible:this.isVisible,[`general-tooltip-${this.position}`]:!0};return s("div",{key:"c0d52518e1e196e0d022789f7c6b7e64173b2c7d",class:"general-tooltip-wrapper"},s("slot",{key:"a935e103e16b0b619a024706e8224f4a937de6b9",name:"trigger"}),s("div",{key:"35c60e35ce3f8d5c2c42cd333fe64a3b289d34d4",class:"general-tooltip-container",role:"tooltip",ref:t=>this.stylingContainer=t},s("div",{key:"9d3fd9f142c1e3bd263dee289a2c1a9e4eebfddc",id:this._tooltipId,class:t,role:"tooltip"},s("slot",{key:"31344f0d4d4139f913d1819cc4f42a39f5113d8a",name:"content"}),s("div",{key:"f5cdd93060baec37b2a2879056efe2d66c5a553a",class:"general-tooltip-arrow"}))))}get hostElement(){return o(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};C.style=".general-tooltip-wrapper{display:inline-block;position:relative;line-height:0}.general-tooltip-container{display:contents;}.general-tooltip-popup{position:absolute;background-color:var(--emw--color-gray-300, #333);color:var(--emw--color-background, #fff);padding:8px 12px;border-radius:4px;font-size:0.875em;line-height:1.4;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;white-space:nowrap;pointer-events:none;}.general-tooltip-popup.visible{opacity:1;visibility:visible}.general-tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.general-tooltip-top{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;}.general-tooltip-top .general-tooltip-arrow{top:100%;left:50%;transform:translateX(-50%);border-width:6px 6px 0 6px;border-color:var(--emw--color-gray-300, #333) transparent transparent transparent}.general-tooltip-bottom{top:100%;left:50%;transform:translateX(-50%);margin-top:8px;}.general-tooltip-bottom .general-tooltip-arrow{bottom:100%;left:50%;transform:translateX(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--emw--color-gray-300, #333) transparent}.general-tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px;}.general-tooltip-left .general-tooltip-arrow{left:100%;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--emw--color-gray-300, #333)}.general-tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px;}.general-tooltip-right .general-tooltip-arrow{right:100%;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--emw--color-gray-300, #333) transparent transparent}";const S=class{constructor(i){t(this,i),this.lotteryTippingBulletToggleEvent=e(this,"lotteryTippingBulletToggle",7),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.positionIdx=void 0,this.theme="default",this.value="",this.disabled=!1,this.isSelected=!1}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}handleClick(){this.disabled||this.lotteryTippingBulletToggleEvent.emit({positionIdx:this.positionIdx})}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return s("div",{key:"ef0fee38ed62adb7809b5a60668af6a499ebe5a6",ref:t=>this.stylingContainer=t},"text"===this.theme?s("div",{class:{LotteryTippingBullet__segment:!0,"LotteryTippingBullet__segment--text":!0}},this.value):s("button",{class:{LotteryTippingBullet__segment:!0,"LotteryTippingBullet__segment--disabled":this.disabled,"LotteryTippingBullet__segment--active":this.isSelected},onClick:this.handleClick.bind(this)},this.isSelected?"X":this.value))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};S.style=".LotteryTippingBullet__segment{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:16px;line-height:1;font-weight:500;color:var(--emw--color-gray-300, #333);background-color:var(--emw--color-gray-50, #f5f5f5);border:1px solid var(--emw--color-gray-100, #e6e6e6);border-radius:6px;cursor:pointer;transition:all 0.2s ease;user-select:none}.LotteryTippingBullet__segment:not(.LotteryTippingBullet__segment--disabled):hover{cursor:pointer;animation:jelly 0.3s ease-in-out;transform:scale(1.02)}.LotteryTippingBullet__segment--text{border:none;background-color:transparent;font-weight:400}.LotteryTippingBullet__segment--text:hover{cursor:default !important}.LotteryTippingBullet__segment--active{font-weight:600;background-color:var(--emw--color-gray-400, #000);color:var(--emw--color-primary, #fed275)}.LotteryTippingBullet__segment--disabled:not(.LotteryTippingBullet__segment--active){background-color:var(--emw--button-background-color, #d4d4d4);color:var(--emw--color-gray-150, #6f6f6f);border-color:var(--emw--color-gray-100, #e6e6e6)}.LotteryTippingBullet__segment--disabled:hover{cursor:not-allowed}@keyframes jelly{0%{transform:translate(0, 0)}20%{transform:translate(-0.5px, -0.5px)}40%{transform:translate(0.5px, 0.5px)}60%{transform:translate(-0.25px, -0.25px)}80%{transform:translate(0.25px, 0.25px)}100%{transform:translate(0, 0)}}";const A=class{constructor(i){t(this,i),this.lotteryTippingBulletGroupToggleEvent=e(this,"lotteryTippingBulletGroupToggle",7),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.positionIdx=void 0,this.theme="default",this.mode="single",this.bulletConfigContent=""}get bulletConfigArr(){const t=[{value:"1"},{value:"X"},{value:"2"}];if("string"!=typeof this.bulletConfigContent||!this.bulletConfigContent)return t;try{return JSON.parse(this.bulletConfigContent)}catch(e){return console.error("Error parsing bulletConfigContent:",e),t}}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}lotteryTippingBulletSelectionHandler(t){const{positionIdx:e}=t.detail;this.handleToggle(e)}handleToggle(t){let e=[...this.bulletConfigArr];"single"===this.mode?(e=e.map((t=>Object.assign(Object.assign({},t),{isSelected:!1}))),e[t].isSelected=!0):(e=e.map((t=>Object.assign({},t))),e[t].isSelected=!e[t].isSelected),this.lotteryTippingBulletGroupToggleEvent.emit({bulletConfigArr:e,positionIdx:this.positionIdx+"-"+t})}render(){var t;return s("div",{ref:t=>this.stylingContainer=t,key:this.positionIdx},s("div",{key:"68223022eed831932c571378164be913206d98e9",style:{display:"flex",flexDirection:"row",gap:"10px"}},null===(t=this.bulletConfigArr)||void 0===t?void 0:t.map(((t,e)=>s("div",{key:e},s("lottery-tipping-bullet",{value:t.value,isSelected:t.isSelected,"position-idx":e,disabled:t.disabled,theme:this.theme,clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,mbSource:this.mbSource}))))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};A.style="";const z=["ro","en","fr","ar","hr"],T={en:{cancel:"Cancel",confirm:"Confirm"},ro:{cancel:"Anulează",confirm:"Confirmă"},fr:{cancel:"Annuler",confirm:"Confirmer"},ar:{cancel:"إلغاء",confirm:"تأكيد"},hr:{cancel:"Odustani",confirm:"Potvrdi"}},I=(t,e)=>{const i=e;return T[void 0!==i&&z.includes(i)?i:"en"][t]},D=class{constructor(i){t(this,i),this.open=e(this,"open",7),this.close=e(this,"close",7),this.confirm=e(this,"confirm",7),this.cancel=e(this,"cancel",7),this.wasVisible=!1,this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.visible=void 0,this.dialogTitle="",this.width="520px",this.closable=!0,this.mask=!0,this.maskClosable=!0,this.animationDuration=300,this.fullscreen=!1,this.showFooter=!0,this.showCancelBtn=!0,this.language="en",this.translationUrl=void 0}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){var t;this.translationUrl&&(t=JSON.parse(this.translationUrl),Object.keys(t).forEach((e=>{for(let i in t[e])T[e][i]=t[e][i]})))}componentWillUpdate(){this.visible&&!this.wasVisible?this.disableBodyScroll():!this.visible&&this.wasVisible&&this.enableBodyScroll(),this.wasVisible=this.visible}disconnectedCallback(){this.enableBodyScroll()}disableBodyScroll(){document.body.style.overflow="hidden"}enableBodyScroll(){document.body.style.overflow=""}handleClose(){this.visible=!1,this.cancel.emit()}handleMaskClick(t){this.maskClosable&&t.target===this.el.querySelector(".mask")&&(this.visible=!1,this.cancel.emit())}handleConfirm(){this.visible=!1,this.confirm.emit()}render(){const t={width:"number"==typeof this.width?`${this.width}px`:this.width,"--duration":`${this.animationDuration}ms`},e=["dialog-wrapper",this.visible?"dialog-wrapper-visible":""],i=["mask",this.visible?"mask-enter":"mask-leave"],o=["dialog",this.visible?"dialog-enter":"dialog-leave",this.fullscreen?"fullscreen":""].join(" ");return s("div",{key:"af4d92ae4ff3daf4788da45bee54758032f0da46",class:e.join(" "),ref:t=>this.stylingContainer=t},s("div",{key:"481d749fb5372916e1a5c638e1426ea81ba69b89",class:i.join(" "),onClick:this.handleMaskClick.bind(this)}),s("div",{key:"aaa55eb2020f6620479098ce4d73cdefa9545593",class:o,style:t,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-title"},s("div",{key:"615b47331160463846f46d4931df61e432f66974",class:"dialog-header"},s("h2",{key:"138d61646e479c98b91420bf85841f0efd409f0f",id:"dialog-title",class:"dialog-title"},this.dialogTitle),this.closable&&s("button",{key:"0825e53e901c05928538bc53e68213201b72e7c4",class:"close-btn",onClick:this.handleClose.bind(this)},"x")),s("div",{key:"ce28487598c5055c64714daaf889e2761a0b05d0",class:"dialog-content",style:{maxHeight:"calc(100vh - 62px)",overflowY:"auto"}},s("slot",{key:"3f0094e744b50ce4d46493bba9179233516961bb"})),this.showFooter&&s("div",{key:"b9312bf147e522beadadcc45cb5e940614fdbc7a",class:"dialog-footer"},s("slot",{key:"2babe8bbba0bafe867d7035a852451d41016d23f",name:"footer"},this.showCancelBtn&&s("button",{key:"a9a856be2bec40af3557c80e3ead7883a3d4a137",class:"cancel-btn",onClick:this.handleClose.bind(this)},I("cancel",this.language)),s("button",{key:"9d32f271621e2dc076e7ba489e8494b5d0090f46",class:"confirm-btn",onClick:this.handleConfirm.bind(this)},I("confirm",this.language))))))}get el(){return o(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};D.style=".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1}.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;min-height:200px;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-gray-300, #333)}.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-gray-300, #333);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));color:var(--emw--color-gray-300, #333);background:var(--emw--color-background, #fff)}.dialog-footer .cancel-btn:hover{border-color:var(--emw--color-gray-100, #e6e6e6)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-background, #fff);background:var(--emw-pool-game-acition-normal, #4a90e2);box-shadow:0 2px 4px rgba(74, 144, 226, 0.2)}.dialog-footer .confirm-btn:hover{background:var(--emw-pool-game-action-hover, #357abd)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}";var O=Object.defineProperty,E=Object.defineProperties,P=Object.getOwnPropertyDescriptors,N=Object.getOwnPropertySymbols,M=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable,j=(t,e,i)=>e in t?O(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,F=(t,e)=>{for(var i in e||(e={}))M.call(e,i)&&j(t,i,e[i]);if(N)for(var i of N(e))B.call(e,i)&&j(t,i,e[i]);return t},$=(t,e)=>E(t,P(e)),V=(t,e,i)=>(j(t,"symbol"!=typeof e?e+"":e,i),i),R=(t,e,i)=>new Promise(((s,o)=>{var r=t=>{try{a(i.next(t))}catch(t){o(t)}},n=t=>{try{a(i.throw(t))}catch(t){o(t)}},a=t=>t.done?s(t.value):Promise.resolve(t.value).then(r,n);a((i=i.apply(t,e)).next())}))
|
|
1
|
+
import{r as t,c as e,g as i,h as s,a as o}from"./index-4e926388.js";import{r,t as n,s as a,a as l,b as h,g as c,c as d,f as u,i as p}from"./lottery-tipping-ticket-history-94060ab4.js";export{L as lottery_tipping_ticket_history}from"./lottery-tipping-ticket-history-94060ab4.js";var m=36e5;var v={dateTimeDelimiter:/[T ]/,timeZoneDelimiter:/[Z ]/i,timezone:/([Z+-].*)$/},f=/^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/,b=/^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/,g=/^([+-])(\d{2})(?::?(\d{2}))?$/;function y(t){return t?parseInt(t):1}function w(t){return t&&parseFloat(t.replace(",","."))||0}var x=[31,null,31,30,31,30,31,31,30,31,30,31];function _(t){return t%400==0||t%4==0&&t%100!=0}const k=class{constructor(s){t(this,s),this.change=e(this,"change",7),this.handleOutsideClick=t=>{t.composedPath().includes(this.el)||(this.dropdownOpen=!1,this.overflowOpen=!1)},this.toggleDropdown=t=>{t.stopPropagation(),this.dropdownOpen=!this.dropdownOpen,this.overflowOpen=!1},this.isSelected=t=>this.selectedValues.includes(t),this.selectItem=t=>{this.isSelected(t.value)||(this.selectedValues=[...this.selectedValues,t.value],this.change.emit(this.selectedValues))},this.toggleItem=t=>{this.isSelected(t.value)?this.removeItem(t.value):this.selectItem(t)},this.removeItem=(t,e)=>{e&&e.stopPropagation(),this.selectedValues=this.selectedValues.filter((e=>e!==t)),this.change.emit(this.selectedValues)},this.downIcon=i("../static/dropdown.svg"),this.upIcon=i("../static/dropup.svg"),this.isTouch="ontouchstart"in window,this.openOverflow=()=>{this.isTouch||(this.computePopoverPosition(),this.overflowOpen=!0)},this.closeOverflow=()=>{this.isTouch||(this.overflowOpen=!1)},this.toggleOverflow=t=>{t.stopPropagation(),this.computePopoverPosition(),this.overflowOpen=!this.overflowOpen},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.options=[],this.maxVisibleChips=2,this.placeholder="",this.selectedValues=[],this.dropdownOpen=!1,this.overflowOpen=!1,this.popoverStyle={top:"0px",left:"0px"}}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}async clear(){this.selectedValues=[],this.change.emit(this.selectedValues)}componentWillLoad(){document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick),this.stylingSubscription&&this.stylingSubscription.unsubscribe()}get selectedOptions(){return this.options.filter((t=>this.isSelected(t.value)))}get visibleChips(){return this.selectedOptions.slice(0,this.maxVisibleChips)}get hiddenChips(){return this.selectedOptions.slice(this.maxVisibleChips)}computePopoverPosition(){if(this.overflowChipEl&&this.el){const{left:t}=this.overflowChipEl.getBoundingClientRect(),{left:e,height:i}=this.el.getBoundingClientRect();this.popoverStyle={top:i-10+"px",left:t-e+"px"}}}render(){var t;return s("div",{key:"50b48397be3ede1907ab2c2abcd1cf2f43f69c13",class:"general-multi-select-container",ref:t=>this.stylingContainer=t},s("div",{key:"696a1bb1f221f8f5cf290fac040af10e2e5a115e",class:"multi-select-container",ref:t=>this.el=t},s("div",{key:"9ea92f01787b26d43054573a11896cf65065b073",class:"flex-row",onClick:this.toggleDropdown},s("div",{key:"f79720ca3ec383ee7f95b09483698ee18119c79a",class:"control"},this.visibleChips.map((t=>s("span",{class:"chip"},s("div",{class:"chip-text",title:t.text},t.text),s("div",{class:"remove-btn",onClick:e=>this.removeItem(t.value,e)},"×")))),this.hiddenChips.length>0&&s("span",{key:"25e9e527c33dd7a315dacb10cc51084fe69b9b7e",class:"chip overflow-chip",ref:t=>this.overflowChipEl=t,onMouseEnter:this.openOverflow,onMouseLeave:this.closeOverflow,onClick:this.toggleOverflow},"•••"),0===this.selectedValues.length&&s("span",{key:"b061de660a55f7a0d41ce9aa650108d3f38a9dc0",class:"placeholder"},this.placeholder)),s("div",{key:"f83b6517e88b3976cdc18590f8f1233cb2515230",class:"arrow"},s("img",{key:"1b61a49090237057b98e5ce8a4f7c1e3bfc9d4ba",class:"info-icon",src:this.dropdownOpen?this.upIcon:this.downIcon,style:{width:"18px"}}))),this.dropdownOpen&&s("div",{key:"e5b081007bcbdd251ce5ac235c1f19f17852c420",class:"dropdown"},this.options.map((t=>s("div",{class:{"dropdown-item":!0,selected:this.isSelected(t.value)},onClick:()=>this.toggleItem(t)},t.text)))),this.overflowOpen&&!!(null===(t=this.hiddenChips)||void 0===t?void 0:t.length)&&s("div",{key:"f8e3289042c69c569bebcd0a40d90f31261c6c12",class:"overflow-popover",style:{top:this.popoverStyle.top,left:this.popoverStyle.left},onMouseEnter:this.openOverflow,onMouseLeave:this.closeOverflow},this.hiddenChips.map((t=>s("span",{class:"chip"},s("span",{class:"chip-text",title:t.text},t.text),s("span",{class:"remove-btn",onClick:e=>this.removeItem(t.value,e)},"×")))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};k.style='.multi-select-container{position:relative;font-family:"Inter", sans-serif;margin-top:4px;width:100%}.flex-row{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;padding:8px 12px;padding-right:4px;border-radius:4px;background:var(--emw-selector-color-background, #e8ebef);cursor:pointer}.control{flex:1;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.control:focus-within{border-color:var(--emw--color-primary, #fed275);box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}.chip{display:inline-flex;align-items:center;background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-typography, #555);border-radius:4px;padding:2px 8px;margin-right:6px;font-size:0.875rem;line-height:1.2;justify-content:space-between;flex:0 1 auto;min-width:0}.chip-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-chip{background:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-300, #333);width:20px;text-align:center;display:block}.remove-btn{background:none;border:none;font-size:1rem;margin-left:6px;cursor:pointer;color:var(--emw--color-gray-150, #6f6f6f)}.remove-btn:hover{color:var(--emw--color-error, red)}.placeholder{color:var(--emw--color-gray-150, #6f6f6f);font-size:0.875rem;padding:3px 8px;line-height:1.2}.arrow{margin-left:auto;font-size:0.8rem;width:20px;color:var(--emw--color-gray-150, #6f6f6f)}.dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:240px;overflow-y:auto;border:1px solid var(--emw--color-gray-100, #e6e6e6);border-radius:6px;background:var(--emw--color-background, #ffffff);box-shadow:0 4px 12px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));z-index:10}.dropdown-item{padding:10px 14px;cursor:pointer;font-size:0.875rem;line-height:1.4;transition:background 0.2s}.dropdown-item:hover{background:var(--emw--color-gray-100, #f4f5f7)}.dropdown-item.selected{background:var(--emw--color-primary-variant, #bae7ff);color:var(--emw--color-primary, #0050b3);font-weight:500}.overflow-popover{position:absolute;top:var(--overflow-top, 0px);left:var(--overflow-left, 0px);max-width:200px;padding:12px;display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--emw--color-gray-100, #d0d5dd);border-radius:6px;background:var(--emw--color-background, #ffffff);box-shadow:0 4px 12px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));z-index:20}';const C=class{constructor(e){t(this,e),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.position="top",this.delay=200,this.isVisible=!1,this._tooltipId=void 0}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this._tooltipId=`general-tooltip-${Math.random().toString(36).substring(2,9)}`}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}handleMouseEnterOrFocus(){clearTimeout(this.hideTimeout),this.showTimeout&&clearTimeout(this.showTimeout),this.showTimeout=setTimeout((()=>{this.isVisible=!0}),this.delay)}handleMouseLeaveOrBlur(){this.showTimeout&&clearTimeout(this.showTimeout),this.hideTimeout=setTimeout((()=>{this.isVisible=!1}),100)}handleKeyDown(t){"Escape"===t.key&&this.isVisible&&(this.isVisible=!1)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe(),clearTimeout(this.showTimeout),clearTimeout(this.hideTimeout)}render(){const t={"general-tooltip-popup":!0,visible:this.isVisible,[`general-tooltip-${this.position}`]:!0};return s("div",{key:"c0d52518e1e196e0d022789f7c6b7e64173b2c7d",class:"general-tooltip-wrapper"},s("slot",{key:"a935e103e16b0b619a024706e8224f4a937de6b9",name:"trigger"}),s("div",{key:"35c60e35ce3f8d5c2c42cd333fe64a3b289d34d4",class:"general-tooltip-container",role:"tooltip",ref:t=>this.stylingContainer=t},s("div",{key:"9d3fd9f142c1e3bd263dee289a2c1a9e4eebfddc",id:this._tooltipId,class:t,role:"tooltip"},s("slot",{key:"31344f0d4d4139f913d1819cc4f42a39f5113d8a",name:"content"}),s("div",{key:"f5cdd93060baec37b2a2879056efe2d66c5a553a",class:"general-tooltip-arrow"}))))}get hostElement(){return o(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};C.style=".general-tooltip-wrapper{display:inline-block;position:relative;line-height:0}.general-tooltip-container{display:contents;}.general-tooltip-popup{position:absolute;color:var(--emw--color-typography-inverse, #fff);background:var(--emw--color-background-inverse, #000);padding:8px 12px;border-radius:4px;font-size:0.875em;line-height:1.4;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;white-space:nowrap;pointer-events:none;}.general-tooltip-popup.visible{opacity:1;visibility:visible}.general-tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.general-tooltip-top{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;}.general-tooltip-top .general-tooltip-arrow{top:100%;left:50%;transform:translateX(-50%);border-width:6px 6px 0 6px;border-color:var(--emw--color-gray-300, #333) transparent transparent transparent}.general-tooltip-bottom{top:100%;left:50%;transform:translateX(-50%);margin-top:8px;}.general-tooltip-bottom .general-tooltip-arrow{bottom:100%;left:50%;transform:translateX(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--emw--color-gray-300, #333) transparent}.general-tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px;}.general-tooltip-left .general-tooltip-arrow{left:100%;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--emw--color-gray-300, #333)}.general-tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px;}.general-tooltip-right .general-tooltip-arrow{right:100%;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--emw--color-gray-300, #333) transparent transparent}";const S=class{constructor(i){t(this,i),this.lotteryTippingBulletToggleEvent=e(this,"lotteryTippingBulletToggle",7),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.positionIdx=void 0,this.theme="default",this.value="",this.disabled=!1,this.isSelected=!1}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}handleClick(){this.disabled||this.lotteryTippingBulletToggleEvent.emit({positionIdx:this.positionIdx})}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return s("div",{key:"ef0fee38ed62adb7809b5a60668af6a499ebe5a6",ref:t=>this.stylingContainer=t},"text"===this.theme?s("div",{class:{LotteryTippingBullet__segment:!0,"LotteryTippingBullet__segment--text":!0}},this.value):s("button",{class:{LotteryTippingBullet__segment:!0,"LotteryTippingBullet__segment--disabled":this.disabled,"LotteryTippingBullet__segment--active":this.isSelected},onClick:this.handleClick.bind(this)},this.isSelected?"X":this.value))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};S.style=".LotteryTippingBullet__segment{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:16px;line-height:1;font-weight:500;color:var(--emw--color-typography, #000);background:var(--emw--color-background, #fff);border:1px solid var(--emw--color-gray-100, #e6e6e6);border-radius:6px;cursor:pointer;transition:all 0.2s ease;user-select:none}.LotteryTippingBullet__segment:not(.LotteryTippingBullet__segment--disabled):hover{cursor:pointer;animation:jelly 0.3s ease-in-out;transform:scale(1.02)}.LotteryTippingBullet__segment--text{border:none;color:var(--emw--color-typography, #000);background:transparent;font-weight:400}.LotteryTippingBullet__segment--text:hover{cursor:not-allowed !important}.LotteryTippingBullet__segment--active{font-weight:600;background-color:var(--emw--color-background-inverse, #000);color:var(--emw--color-primary, #fed275)}.LotteryTippingBullet__segment--disabled:not(.LotteryTippingBullet__segment--active){background-color:var(--emw--color-background-tertiary, #ccc);color:var(--emw--color-gray-150, #6f6f6f);border-color:var(--emw--color-gray-100, #e6e6e6)}.LotteryTippingBullet__segment--disabled:hover{cursor:not-allowed}@keyframes jelly{0%{transform:translate(0, 0)}20%{transform:translate(-0.5px, -0.5px)}40%{transform:translate(0.5px, 0.5px)}60%{transform:translate(-0.25px, -0.25px)}80%{transform:translate(0.25px, 0.25px)}100%{transform:translate(0, 0)}}";const A=class{constructor(i){t(this,i),this.lotteryTippingBulletGroupToggleEvent=e(this,"lotteryTippingBulletGroupToggle",7),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.positionIdx=void 0,this.theme="default",this.mode="single",this.bulletConfigContent=""}get bulletConfigArr(){const t=[{value:"1"},{value:"X"},{value:"2"}];if("string"!=typeof this.bulletConfigContent||!this.bulletConfigContent)return t;try{return JSON.parse(this.bulletConfigContent)}catch(e){return console.error("Error parsing bulletConfigContent:",e),t}}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}lotteryTippingBulletSelectionHandler(t){const{positionIdx:e}=t.detail;this.handleToggle(e)}handleToggle(t){let e=[...this.bulletConfigArr];"single"===this.mode?(e=e.map((t=>Object.assign(Object.assign({},t),{isSelected:!1}))),e[t].isSelected=!0):(e=e.map((t=>Object.assign({},t))),e[t].isSelected=!e[t].isSelected),this.lotteryTippingBulletGroupToggleEvent.emit({bulletConfigArr:e,positionIdx:this.positionIdx+"-"+t})}render(){var t;return s("div",{ref:t=>this.stylingContainer=t,key:this.positionIdx},s("div",{key:"68223022eed831932c571378164be913206d98e9",style:{display:"flex",flexDirection:"row",gap:"10px"}},null===(t=this.bulletConfigArr)||void 0===t?void 0:t.map(((t,e)=>s("div",{key:e},s("lottery-tipping-bullet",{value:t.value,isSelected:t.isSelected,"position-idx":e,disabled:t.disabled,theme:this.theme,clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,mbSource:this.mbSource}))))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};A.style="";const z=["ro","en","fr","ar","hr"],T={en:{cancel:"Cancel",confirm:"Confirm"},ro:{cancel:"Anulează",confirm:"Confirmă"},fr:{cancel:"Annuler",confirm:"Confirmer"},ar:{cancel:"إلغاء",confirm:"تأكيد"},hr:{cancel:"Odustani",confirm:"Potvrdi"}},I=(t,e)=>{const i=e;return T[void 0!==i&&z.includes(i)?i:"en"][t]},D=class{constructor(i){t(this,i),this.open=e(this,"open",7),this.close=e(this,"close",7),this.confirm=e(this,"confirm",7),this.cancel=e(this,"cancel",7),this.wasVisible=!1,this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.visible=void 0,this.dialogTitle="",this.width="520px",this.closable=!0,this.mask=!0,this.maskClosable=!0,this.animationDuration=300,this.fullscreen=!1,this.showFooter=!0,this.showCancelBtn=!0,this.language="en",this.translationUrl=void 0}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){var t;this.translationUrl&&(t=JSON.parse(this.translationUrl),Object.keys(t).forEach((e=>{for(let i in t[e])T[e][i]=t[e][i]})))}componentWillUpdate(){this.visible&&!this.wasVisible?this.disableBodyScroll():!this.visible&&this.wasVisible&&this.enableBodyScroll(),this.wasVisible=this.visible}disconnectedCallback(){this.enableBodyScroll()}disableBodyScroll(){document.body.style.overflow="hidden"}enableBodyScroll(){document.body.style.overflow=""}handleClose(){this.visible=!1,this.cancel.emit()}handleMaskClick(t){this.maskClosable&&t.target===this.el.querySelector(".mask")&&(this.visible=!1,this.cancel.emit())}handleConfirm(){this.visible=!1,this.confirm.emit()}render(){const t={width:"number"==typeof this.width?`${this.width}px`:this.width,"--duration":`${this.animationDuration}ms`},e=["dialog-wrapper",this.visible?"dialog-wrapper-visible":""],i=["mask",this.visible?"mask-enter":"mask-leave"],o=["dialog",this.visible?"dialog-enter":"dialog-leave",this.fullscreen?"fullscreen":""].join(" ");return s("div",{key:"af4d92ae4ff3daf4788da45bee54758032f0da46",class:e.join(" "),ref:t=>this.stylingContainer=t},s("div",{key:"481d749fb5372916e1a5c638e1426ea81ba69b89",class:i.join(" "),onClick:this.handleMaskClick.bind(this)}),s("div",{key:"aaa55eb2020f6620479098ce4d73cdefa9545593",class:o,style:t,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-title"},s("div",{key:"615b47331160463846f46d4931df61e432f66974",class:"dialog-header"},s("h2",{key:"138d61646e479c98b91420bf85841f0efd409f0f",id:"dialog-title",class:"dialog-title"},this.dialogTitle),this.closable&&s("button",{key:"0825e53e901c05928538bc53e68213201b72e7c4",class:"close-btn",onClick:this.handleClose.bind(this)},"x")),s("div",{key:"ce28487598c5055c64714daaf889e2761a0b05d0",class:"dialog-content",style:{maxHeight:"calc(100vh - 62px)",overflowY:"auto"}},s("slot",{key:"3f0094e744b50ce4d46493bba9179233516961bb"})),this.showFooter&&s("div",{key:"b9312bf147e522beadadcc45cb5e940614fdbc7a",class:"dialog-footer"},s("slot",{key:"2babe8bbba0bafe867d7035a852451d41016d23f",name:"footer"},this.showCancelBtn&&s("button",{key:"a9a856be2bec40af3557c80e3ead7883a3d4a137",class:"cancel-btn",onClick:this.handleClose.bind(this)},I("cancel",this.language)),s("button",{key:"9d32f271621e2dc076e7ba489e8494b5d0090f46",class:"confirm-btn",onClick:this.handleConfirm.bind(this)},I("confirm",this.language))))))}get el(){return o(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};D.style=".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-dialog-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;min-height:200px;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-dialog-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));color:var(--emw--color-gray-300, #333);background:var(--emw--color-gray-400, #fff)}.dialog-footer .cancel-btn:hover{border-color:var(--emw--color-gray-100, #e6e6e6)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-gray-400, #fff);background:var(--emw-pool-game-acition-normal, #4a90e2);box-shadow:0 2px 4px rgba(74, 144, 226, 0.2)}.dialog-footer .confirm-btn:hover{background:var(--emw-pool-game-action-hover, #357abd)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}";var O=Object.defineProperty,E=Object.defineProperties,P=Object.getOwnPropertyDescriptors,N=Object.getOwnPropertySymbols,M=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable,j=(t,e,i)=>e in t?O(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,F=(t,e)=>{for(var i in e||(e={}))M.call(e,i)&&j(t,i,e[i]);if(N)for(var i of N(e))B.call(e,i)&&j(t,i,e[i]);return t},$=(t,e)=>E(t,P(e)),V=(t,e,i)=>(j(t,"symbol"!=typeof e?e+"":e,i),i),R=(t,e,i)=>new Promise(((s,o)=>{var r=t=>{try{a(i.next(t))}catch(t){o(t)}},n=t=>{try{a(i.throw(t))}catch(t){o(t)}},a=t=>t.done?s(t.value):Promise.resolve(t.value).then(r,n);a((i=i.apply(t,e)).next())}))
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright (c) 2021 - 2024 Vaadin Ltd.
|
|
@@ -6068,6 +6068,7 @@ const jl=t=>class extends t{static get properties(){return{accessibleDescription
|
|
|
6068
6068
|
overflow: hidden;
|
|
6069
6069
|
min-width: var(--lumo-size-m);
|
|
6070
6070
|
-webkit-user-select: none;
|
|
6071
|
+
-moz-user-select: none;
|
|
6071
6072
|
user-select: none;
|
|
6072
6073
|
--_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
|
|
6073
6074
|
--_focus-ring-width: var(--vaadin-focus-ring-width, 2px);
|
|
@@ -6278,18 +6279,18 @@ const jl=t=>class extends t{static get properties(){return{accessibleDescription
|
|
|
6278
6279
|
`,{moduleId:"lumo-tab"});
|
|
6279
6280
|
/**
|
|
6280
6281
|
* @license
|
|
6281
|
-
* Copyright (c) 2017 -
|
|
6282
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
6282
6283
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6283
6284
|
*/
|
|
6284
6285
|
const Fl=t=>class extends(gl(t)){ready(){super.ready(),this.setAttribute("role","tab")}_onKeyUp(t){const e=this.hasAttribute("active");if(super._onKeyUp(t),e){const t=this.querySelector("a");t&&t.click()}}}
|
|
6285
6286
|
/**
|
|
6286
6287
|
* @license
|
|
6287
|
-
* Copyright (c) 2017 -
|
|
6288
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
6288
6289
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6289
6290
|
*/;
|
|
6290
6291
|
/**
|
|
6291
6292
|
* @license
|
|
6292
|
-
* Copyright (c) 2017 -
|
|
6293
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
6293
6294
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6294
6295
|
*/
|
|
6295
6296
|
ce("vaadin-tab",J`
|
|
@@ -6555,18 +6556,18 @@ ce("vaadin-tab",J`
|
|
|
6555
6556
|
`,{moduleId:"lumo-tabs"});
|
|
6556
6557
|
/**
|
|
6557
6558
|
* @license
|
|
6558
|
-
* Copyright (c) 2017 -
|
|
6559
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
6559
6560
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6560
6561
|
*/
|
|
6561
6562
|
const Vl=t=>class extends(ul(_l(t))){static get properties(){return{orientation:{value:"horizontal",type:String,reflectToAttribute:!0,sync:!0},selected:{value:0,type:Number}}}static get observers(){return["__tabsItemsChanged(items)"]}constructor(){super(),this.__itemsResizeObserver=new ResizeObserver((()=>{setTimeout((()=>this._updateOverflow()))}))}get _scrollOffset(){return this._vertical?this._scrollerElement.offsetHeight:this._scrollerElement.offsetWidth}get _scrollerElement(){return this.$.scroll}get __direction(){return!this._vertical&&this.__isRTL?1:-1}ready(){super.ready(),this._scrollerElement.addEventListener("scroll",(()=>this._updateOverflow())),this.setAttribute("role","tablist"),qr(this,(()=>{this._updateOverflow()}))}_onResize(){this._updateOverflow()}__tabsItemsChanged(t){this.__itemsResizeObserver.disconnect(),(t||[]).forEach((t=>{this.__itemsResizeObserver.observe(t)})),this._updateOverflow()}_scrollForward(){const t=this._getNavigationButtonVisibleWidth("forward-button"),e=this._getNavigationButtonVisibleWidth("back-button"),i=this._scrollerElement.getBoundingClientRect(),s=[...this.items].reverse().find((s=>this._isItemVisible(s,t,e,i))).getBoundingClientRect(),o=20+this.shadowRoot.querySelector('[part="back-button"]').clientWidth;let r;r=this.__isRTL?s.right-(i.right-o):s.left-(i.left+o),-this.__direction*r<1&&(r=-this.__direction*(this._scrollOffset-o)),this._scroll(r)}_scrollBack(){const t=this._getNavigationButtonVisibleWidth("forward-button"),e=this._getNavigationButtonVisibleWidth("back-button"),i=this._scrollerElement.getBoundingClientRect(),s=this.items.find((s=>this._isItemVisible(s,t,e,i))).getBoundingClientRect(),o=20+this.shadowRoot.querySelector('[part="forward-button"]').clientWidth;let r;r=this.__isRTL?s.left-(i.left+o):s.right-(i.right-o),this.__direction*r<1&&(r=this.__direction*(this._scrollOffset-o)),this._scroll(r)}_isItemVisible(t,e,i,s){if(this._vertical)throw new Error("Visibility check is only supported for horizontal tabs.");const o=s.right-(this.__isRTL?i:e),r=s.left+(this.__isRTL?e:i),n=t.getBoundingClientRect();return o>Math.floor(n.left)&&r<Math.ceil(n.right)}_getNavigationButtonVisibleWidth(t){const e=this.shadowRoot.querySelector(`[part="${t}"]`);return"0"===window.getComputedStyle(e).opacity?0:e.clientWidth}_updateOverflow(){const t=this._vertical?this._scrollerElement.scrollTop:wl(this._scrollerElement,this.getAttribute("dir")),e=this._vertical?this._scrollerElement.scrollHeight:this._scrollerElement.scrollWidth;let i=Math.floor(t)>1?"start":"";Math.ceil(t)<Math.ceil(e-this._scrollOffset)&&(i+=" end"),1===this.__direction&&(i=i.replace(/start|end/giu,(t=>"start"===t?"end":"start"))),i?this.setAttribute("overflow",i.trim()):this.removeAttribute("overflow")}}
|
|
6562
6563
|
/**
|
|
6563
6564
|
* @license
|
|
6564
|
-
* Copyright (c) 2017 -
|
|
6565
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
6565
6566
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6566
6567
|
*/;
|
|
6567
6568
|
/**
|
|
6568
6569
|
* @license
|
|
6569
|
-
* Copyright (c) 2017 -
|
|
6570
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
6570
6571
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6571
6572
|
*/
|
|
6572
6573
|
ce("vaadin-tabs",J`
|
|
@@ -6653,4 +6654,4 @@ ce("vaadin-tabs",J`
|
|
|
6653
6654
|
</div>
|
|
6654
6655
|
|
|
6655
6656
|
<div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
|
|
6656
|
-
`}static get is(){return"vaadin-tabs"}}U(Rl);const Ul=class{constructor(i){t(this,i),this.filterChange=e(this,"filterChange",7),this.filterClear=e(this,"filterClear",7),this.handleTicketType=t=>{t.detail&&t.detail.length&&(this.filterData.ticketType=t.detail)},this.handleFilterFrom=t=>{let e=t.target.value.split("-");3===e.length&&(this.filterData=Object.assign(Object.assign({},this.filterData),{filterFromCalendar:`${e[2]}/${e[1]}/${e[0]}`}))},this.handleFilterTo=t=>{let e=t.target.value.split("-");3===e.length&&(this.filterData=Object.assign(Object.assign({},this.filterData),{filterToCalendar:`${e[2]}/${e[1]}/${e[0]}`}))},this.quickFiltersActive=!1,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl=void 0,this.isOpen=!1,this.filterData={filterFromCalendar:"",filterToCalendar:"",ticketId:"",ticketType:[]},this.ticketTypeList=void 0,this.showClearButton=!1}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this.translationUrl&&c(JSON.parse(this.translationUrl)),this.ticketTypeList=[{label:d("normal",this.language),value:"NORMAL"},{label:d("subscription",this.language),value:"SUBSCRIPTION"}]}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleModalClose(){this.isOpen=!1}changeFormate(t){const[e,i,s]=t.split("/");return`${s}-${i}-${e}`}formateDate(t){const{year:e,month:i,day:s}=t,o=new Date(e,i,s);return u(o,"dd/MM/yyyy")}parseDate(t){const[e,i,s]=t.split("/");return{year:s,month:parseInt(i)-1,day:e}}setDateFormate(t){t.i18n=Object.assign(Object.assign({},t.i18n),{formatDate:this.formateDate,parseDate:this.parseDate})}clearSelection(){this.comboBox.clear()}resetSearch(){this.showClearButton=!1,this.clearSelection(),this.filterData={filterFromCalendar:"",filterToCalendar:"",ticketId:"",ticketType:[]},this.filterClear.emit()}handleDialogConfirm(){if(this.filterData.filterFromCalendar&&this.filterData.filterToCalendar){let t=this.filterData.filterFromCalendar.split("/"),e=this.filterData.filterToCalendar.split("/");const i={filterFromCalendar:new Date(Date.UTC(Number(t[2]),Number(t[1])-1,Number(t[0]),0,0,0)).toISOString(),filterToCalendar:new Date(Date.UTC(Number(e[2]),Number(e[1])-1,Number(e[0]),23,59,59)).toISOString()};this.filterData=Object.assign(Object.assign({},this.filterData),i)}this.filterChange.emit(this.filterData),this.isOpen=!1,this.showClearButton=!0}render(){return s("div",{key:"74aa590f6f92b9df971fd17cb3f573cc6a0a68e9",class:"lottery-tipping-filter",ref:t=>this.stylingContainer=t},s("div",{key:"ebf385371627466c5eb06a5ef75a14a467b1badd",class:"operate-btns"},!this.showClearButton&&s("div",{key:"55c709034e124b51e8b9057980f5a3c3b8c6d5ce",class:"operate-btn",onClick:()=>{this.isOpen=!0}},d("filter",this.language)),(this.showClearButton||this.quickFiltersActive)&&s("div",{key:"aa747af2461e72fbacc16decd7fc75cd6f640c47",class:"operate-btn",onClick:()=>this.resetSearch()},d("clear",this.language))),s("lottery-tipping-dialog",{key:"f8f41b7ff5114a48a840063b5f063e28cc61e31c","dialog-title":d("ticketResult",this.language),visible:this.isOpen,onCancel:()=>{this.isOpen=!1},onConfirm:this.handleDialogConfirm(),animationDuration:300,language:this.language,"translation-url":this.translationUrl},s("div",{key:"a7510ed9b89b568d6829777bfbbc33bc3fdbb9b4",class:"dialog-content"},s("div",{key:"25f1a6e8e4f389cc6157468338eb4bac9996a5cd",class:"filter-item"},s("div",{key:"a49fded71e3ddc45dc26c7bb47f29132907bcf5f",class:"filter-item-label"},d("searchByTicketId",this.language)),s("div",{key:"281d3ebd48ab27fbd82328a684fcf3e11bd68176",class:"filter-item-val"},s("vaadin-text-field",{key:"3ca7edba908e9ff1d6ab16c5c60e5a1cdb06d9c9",placeholder:d("enterTicketId",this.language),value:this.filterData.ticketId,onInput:t=>{this.filterData.ticketId=t.target.value}}))),s("div",{key:"9bee76f675ef9934db69a1f06e5b40c4e2e94bf2",class:"filter-item"},s("div",{key:"d9251a523137fab3410c0ce8597a70ba7cffaf73",class:"filter-item-label"},d("searchByTicketType",this.language)),s("div",{key:"ddc4c4a1c436d874f9c13d4612690d6360815633",class:"general-multi-select-container"},s("general-multi-select",{key:"b08fc68491d530937356d519f37362b2e3bf13c8",ref:t=>this.comboBox=t,placeholder:d("selectTicketType",this.language),"max-visible-chips":"2",options:this.ticketTypeList.map((t=>({text:t.label,value:t.value}))),onChange:this.handleTicketType,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl,"mb-source":this.mbSource}))),s("div",{key:"516fd4574674db32d3e8c9994a8c8cfb3b972364",class:"filter-item"},s("div",{key:"ce608f365c0297ff7b3aa1cbe64a51505e441f2c",class:"filter-item-label"},d("searchByDate",this.language)),s("div",{key:"9456716fb9e3a392cbb5c16f706b3dc144b0ccbe",class:"filter-item-val"},s("vaadin-date-picker",{key:"fb574b38a9e9143bf47fecd16638d50e2b9605a5",value:this.filterData.filterFromCalendar,max:void 0===this.filterData.filterToCalendar?void 0:this.changeFormate(this.filterData.filterToCalendar),onChange:this.handleFilterFrom,placeholder:d("from",this.language),ref:t=>this.setDateFormate(t),class:"VaadinDatePicker"}),s("vaadin-date-picker",{key:"3fc353dd8b7919219731934cf76c75ea13c38e35",value:this.filterData.filterToCalendar,min:void 0===this.filterData.filterFromCalendar?void 0:this.changeFormate(this.filterData.filterFromCalendar),onChange:this.handleFilterTo,placeholder:d("to",this.language),ref:t=>this.setDateFormate(t),class:"VaadinDatePicker"}))))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};Ul.style=".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:rgb(51, 51, 51);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)}";const ql=class{constructor(i){t(this,i),this.pageChange=e(this,"pageChange",7),this.pageSizeChange=e(this,"pageSizeChange",7),this.userAgent=window.navigator.userAgent,this.total=0,this.pageSizeOptions=[10,20,50],this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl=void 0,this.current=1,this.pageSize=10,this.totalPages=1}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}componentWillLoad(){this.translationUrl&&c(JSON.parse(this.translationUrl)),this.pageSize=this.pageSizeOptions[0],this.updateTotalPages()}updateTotalPages(){this.totalPages=Math.max(Math.ceil(this.total/this.pageSize),1),this.current>this.totalPages&&(this.current=this.totalPages,this.pageChange.emit(this.current))}goToPage(t){t<1||t>this.totalPages||t===this.current||(this.current=t,this.pageChange.emit(t))}changePageSize(t){this.pageSize=t,this.pageSizeChange.emit(t),this.updateTotalPages(),this.goToPage(1)}getPagesToShow(){const t=[],e=p(this.userAgent)?1:2,{totalPages:i,current:s}=this;if(i<=7)for(let e=1;e<=i;e++)t.push({type:"page",value:e});else{t.push({type:"page",value:1}),s>e+2&&t.push({type:"jump",direction:"prev"});const o=Math.max(2,s-e),r=Math.min(i-1,s+e);for(let e=o;e<=r;e++)t.push({type:"page",value:e});s<i-e-1&&t.push({type:"jump",direction:"next"}),t.push({type:"page",value:i})}return t}jumpTo(t){this.goToPage("prev"===t?Math.max(1,this.current-5):Math.min(this.totalPages,this.current+5))}render(){const t=this.getPagesToShow();return s("div",{key:"056fe5c9fddd61fafba809746de794a8db9c92a9",class:"paginator",ref:t=>this.stylingContainer=t},s("div",{key:"a4ceefa8aaeb5a5038e9f15d58f8b7b74f5e6726",class:"total-num"},d("totalItems",this.language,{total:this.total})),s("button",{key:"08a1c3a20cc576781c97e6dae6ba8db5bba1e0c2",class:"arrow-btn",disabled:this.current<=1,onClick:()=>this.goToPage(this.current-1)},"<"),t.map((t=>"page"===t.type?s("button",{class:{page:!0,active:this.current===t.value},onClick:()=>this.goToPage(t.value)},t.value):s("button",{class:"ellipsis",onClick:()=>this.jumpTo(t.direction)},"..."))),s("button",{key:"893023765c2a3b55a725c32ab5edb86e14225766",class:"arrow-btn",disabled:this.current>=this.totalPages,onClick:()=>this.goToPage(this.current+1)},">"),s("select",{key:"c3fd4ada29da74ff3e0a5d41efeb3d6eb341bd79",onInput:t=>this.changePageSize(parseInt(t.target.value))},this.pageSizeOptions.map((t=>s("option",{value:t},d("perPage",this.language,{size:t}))))),s("div",{key:"df8b7ad7e45fc12dc25b50cb687d008b546bba5b",class:"jump-box"},d("goTo",this.language),s("input",{key:"f12b2591b6cfb79e0163dcbd5631618c69140539",type:"number",min:"1",max:this.totalPages,value:this.current,onKeyDown:t=>{if("Enter"===t.key){const e=parseInt(t.target.value);isNaN(e)||this.goToPage(e)}},onInput:t=>{const e=t.target;parseInt(e.value)>this.totalPages&&(e.value=this.totalPages.toString()),parseInt(e.value)<1&&(e.value="1")}})))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],total:["updateTotalPages"],pageSize:["updateTotalPages"]}}};ql.style=".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-gray-400, #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-gray-300, #333)}";var Wl=function(){return Wl=Object.assign||function(t){for(var e,i=1,s=arguments.length;i<s;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},Wl.apply(this,arguments)},Hl={primaryColor:"#333",secondaryColor:"#E6E6E6"};function Gl(t,e){var i="svg"===t.tag?Wl(Wl({},t.attrs),e.extraSVGAttrs||{}):t.attrs,s=Object.keys(i).reduce((function(t,e){var s=i[e],o="".concat(e,'="').concat(s,'"');return t.push(o),t}),[]),o=s.length?" "+s.join(" "):"",r=(t.children||[]).map((function(t){return Gl(t,e)})).join("");return r&&r.length?"<".concat(t.tag).concat(o,">").concat(r,"</").concat(t.tag,">"):"<".concat(t.tag).concat(o," />")}const Yl=function(t,e){if(void 0===e&&(e={}),"function"==typeof t.icon){var i=e.placeholders||Hl;return Gl(t.icon(i.primaryColor,i.secondaryColor),e)}return Gl(t.icon,e)}({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"},{extraSVGAttrs:{width:"16px",height:"16px",fill:""}}),Kl=class{constructor(e){t(this,e),this.togglePanel=()=>{this.expanded=!this.expanded},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.headerTitle=void 0,this.expanded=!1}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return s("div",{key:"aad4bd39648c6e9df1191429caa1f8b35424d31c",class:"panel-container",ref:t=>this.stylingContainer=t},s("div",{key:"685317142a2fe2d110bbec41c6561446f1229b5b",class:{"panel-header":!0,active:this.expanded},onClick:this.togglePanel},s("div",{key:"bf42af64a3eac7e8998cb9fe75c465eeaf44b7ba",class:"header-content"},s("slot",{key:"181469c7a4cbe6030f64d4a08eb3e11390a4f569",name:"header"},s("span",{key:"25db3b952ba81bff3a17d67ab9c960365abb6852"},this.headerTitle))),s("span",{key:"fc10e5fe178aa9b6bbae680b6fe58ca66c3a7df3",class:"arrow "+(this.expanded?"expanded":""),innerHTML:Yl})),s("div",{key:"8ae6e1a6b51eb398625d11d0b94fdbebf3cbcbc1",class:"panel-body "+(this.expanded?"open":"closed")},s("slot",{key:"9fdf6862787be818e8e9655f151630fd2913c4fd",name:"content"})))}get el(){return o(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};Kl.style=".panel-container{border:2px solid var(--emw--color-gray-300, #333);border-radius:8px;overflow:hidden;font-family:sans-serif;width:calc(100% - 4px)}.panel-header{background-color:var(--emw--color-background, #fff);padding:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px}.panel-header:hover{background-color:var(--emw--color-primary, #fed275)}.panel-header.active{background-color:var(--emw--color-primary, #fed275)}.header-content{white-space:nowrap;user-select:none}.arrow{transition:transform 0.3s ease;font-size:16px;display:inline-flex}.arrow.expanded{transform:rotate(180deg)}.panel-body{overflow:hidden;max-height:0;transition:max-height 0.3s ease, padding 0.3s ease;background-color:var(--emw--color-background, #fff);padding:0 12px;font-size:14px}.panel-body.open{max-height:500px;padding:10px 12px}.panel-body.closed{max-height:0;padding-top:0;padding-bottom:0}";const Jl=["ro","en","fr","ar","hr"],Xl={en:{homeTeam:"Home team:",awayTeam:"Away team:",selectionCleared:"Your selection has been cleared.",selectionOnLineCleared:"Your selection on this line will be cleared.",loading:"Loading...",error:"Error!",noData:"No data available.",lineInfo:"Line {currentPage} of {totalPages}",clearAll:"Clear All",cancel:"Cancel",confirm:"Confirm"},ro:{homeTeam:"Echipa gazdă:",awayTeam:"Echipa oaspete:",selectionCleared:"Selecția dvs. a fost ștearsă.",selectionOnLineCleared:"Selecția dvs. de pe această linie va fi ștearsă.",loading:"Se încarcă...',n error: 'Eroare!",noData:"Nu sunt date disponibile.",lineInfo:"Linia {currentPage} din {totalPages}",clearAll:"Șterge tot",cancel:"Anulează",confirm:"Confirmă"},fr:{homeTeam:"Équipe à domicile:",awayTeam:"Équipe à l'extérieur:",selectionCleared:"Votre sélection a été effacée.",selectionOnLineCleared:"Votre sélection sur cette ligne sera effacée.",loading:"Chargement...',n error: 'Erreur!",noData:"Aucune donnée disponible.",lineInfo:"Ligne {currentPage} sur {totalPages}",clearAll:"Tout effacer",cancel:"Annuler",confirm:"Confirmer"},ar:{homeTeam:"الفريق المضيف:",awayTeam:"الفريق الضيف:",selectionCleared:"تم مسح اختيارك.",selectionOnLineCleared:"سيتم مسح اختيارك في هذا السطر.",loading:"جار التحميل...',n error: 'خطأ!",noData:"لا توجد بيانات متاحة.",lineInfo:"السطر {currentPage} من {totalPages}",clearAll:"مسح الكل",cancel:"إلغاء",confirm:"تأكيد"},hr:{homeTeam:"Domaći tim:",awayTeam:"Gostujući tim:",selectionCleared:"Vaš odabir je obrisan.",selectionOnLineCleared:"Vaš odabir na ovoj liniji bit će obrisan.",loading:"Učitavanje...',n error: 'Greška!",noData:"Nema dostupnih podataka.",lineInfo:"Linija {currentPage} od {totalPages}",clearAll:"Očisti sve",cancel:"Odustani",confirm:"Potvrdi"}},Zl=(t,e,i)=>{const s=e;let o=Xl[void 0!==s&&Jl.includes(s)?s:"en"][t];return i&&Object.keys(i).forEach((t=>{o=o.replace(`{${t}}`,i[t])})),o},Ql=t=>{Object.keys(t).forEach((e=>{for(let i in t[e])Xl[e][i]=t[e][i]}))},th=[{value:"1"},{value:"X"},{value:"2"}],eh=class{constructor(o){t(this,o),this.lotteryTippingBulletBetEvent=e(this,"lotteryTippingBulletBetSelect",7),this.lotteryTippingCurrentPageChangeEvent=e(this,"lotteryTippingCurrentPageChange",7),this.infoImagePath=i("../static/info.svg"),this.eventNameRender=(t,e)=>s("div",{class:"flex gap-1 eventNameContainer__item"},s("span",{class:"eventNameContainer__item--title"},e),s("general-tooltip",null,s("img",{slot:"trigger",class:"info-icon",src:this.infoImagePath,style:{width:"18px"}}),s("div",{slot:"content"},s("div",{class:"match-info"},s("div",{class:"match-info-item"},s("div",{class:"match-info-item-label"},Zl("homeTeam",this.language)),s("div",{class:"match-info-item-value"},t.homeName)),s("div",{class:"match-info-item"},s("div",{class:"match-info-item-label"},Zl("awayTeam",this.language)),s("div",{class:"match-info-item-value"},t.awayName)))))),this.columns=[{title:"",value:"index",width:3},{title:"",value:"eventName",width:70,render:this.eventNameRender},{title:"",value:"startTime",width:22,align:"right",nowrap:!0,render:(t,e)=>(({date:t,type:e="date",format:i})=>{try{const s=function(t,e){var i;r(1,arguments);var s=n(null!==(i=null==e?void 0:e.additionalDigits)&&void 0!==i?i:2);if(2!==s&&1!==s&&0!==s)throw new RangeError("additionalDigits must be 0, 1 or 2");if("string"!=typeof t&&"[object String]"!==Object.prototype.toString.call(t))return new Date(NaN);var o,a=function(t){var e,i={},s=t.split(v.dateTimeDelimiter);if(s.length>2)return i;if(/:/.test(s[0])?e=s[0]:(i.date=s[0],e=s[1],v.timeZoneDelimiter.test(i.date)&&(i.date=t.split(v.timeZoneDelimiter)[0],e=t.substr(i.date.length,t.length))),e){var o=v.timezone.exec(e);o?(i.time=e.replace(o[1],""),i.timezone=o[1]):i.time=e}return i}(t);if(a.date){var l=function(t,e){var i=new RegExp("^(?:(\\d{4}|[+-]\\d{"+(4+e)+"})|(\\d{2}|[+-]\\d{"+(2+e)+"})$)"),s=t.match(i);if(!s)return{year:NaN,restDateString:""};var o=s[1]?parseInt(s[1]):null,r=s[2]?parseInt(s[2]):null;return{year:null===r?o:100*r,restDateString:t.slice((s[1]||s[2]).length)}}(a.date,s);o=function(t,e){if(null===e)return new Date(NaN);var i=t.match(f);if(!i)return new Date(NaN);var s=!!i[4],o=y(i[1]),r=y(i[2])-1,n=y(i[3]),a=y(i[4]),l=y(i[5])-1;if(s)return function(t,e,i){return e>=1&&e<=53&&i>=0&&i<=6}(0,a,l)?function(t,e,i){var s=new Date(0);s.setUTCFullYear(t,0,4);var o=7*(e-1)+i+1-(s.getUTCDay()||7);return s.setUTCDate(s.getUTCDate()+o),s}(e,a,l):new Date(NaN);var h=new Date(0);return function(t,e,i){return e>=0&&e<=11&&i>=1&&i<=(x[e]||(_(t)?29:28))}(e,r,n)&&function(t,e){return e>=1&&e<=(_(t)?366:365)}(e,o)?(h.setUTCFullYear(e,r,Math.max(o,n)),h):new Date(NaN)}(l.restDateString,l.year)}if(!o||isNaN(o.getTime()))return new Date(NaN);var h,c=o.getTime(),d=0;if(a.time&&(d=function(t){var e=t.match(b);if(!e)return NaN;var i=w(e[1]),s=w(e[2]),o=w(e[3]);return function(t,e,i){return 24===t?0===e&&0===i:i>=0&&i<60&&e>=0&&e<60&&t>=0&&t<25}(i,s,o)?i*m+6e4*s+1e3*o:NaN}(a.time),isNaN(d)))return new Date(NaN);if(!a.timezone){var u=new Date(c+d),p=new Date(0);return p.setFullYear(u.getUTCFullYear(),u.getUTCMonth(),u.getUTCDate()),p.setHours(u.getUTCHours(),u.getUTCMinutes(),u.getUTCSeconds(),u.getUTCMilliseconds()),p}return h=function(t){if("Z"===t)return 0;var e=t.match(g);if(!e)return 0;var i="+"===e[1]?-1:1,s=parseInt(e[2]),o=e[3]&&parseInt(e[3])||0;return function(t,e){return e>=0&&e<=59}(0,o)?i*(s*m+6e4*o):NaN}(a.timezone),isNaN(h)?new Date(NaN):new Date(c+d+h)}(t);if(isNaN(s.getTime()))throw new Error(`Invalid date: ${t}`);if(i)return u(s,i);let o="dd/MM/yyyy";return"time"===e?o="dd/MM/yyyy HH:mm:ss":"week"===e&&(o="ccc dd/MM/yyyy HH:mm:ss"),u(s,o)}catch(t){return console.error("Error formatting date:",t.message),""}})({date:e,format:"ccc HH:mm"})},{title:()=>s("lottery-tipping-bullet-group",{theme:"text",bulletConfigContent:JSON.stringify(th)}),value:"results",width:5,render:(t,e,i)=>{var o,r;return s("lottery-tipping-bullet-group",{mode:this.mode,bulletConfigContent:JSON.stringify(null===(r=null===(o=this.bulletConfigLineGroup)||void 0===o?void 0:o[this.currentPage-1])||void 0===r?void 0:r[i]),"position-idx":`${this.currentPage-1}-${i}`})}}],this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.translationData=void 0,this.clientStylingUrlContent="",this.sessionId=void 0,this.endpoint="",this.gameId=void 0,this.drawId=void 0,this.totalPages=void 0,this.minTotalPages=0,this.maxTotalPages=0,this.mode="multi",this.readPretty=!1,this.defaultBulletConfigLineGroup=void 0,this.bulletConfigLineGroup=[[[]]],this.currentPage=1,this.isLoading=!0,this.hasErrors=!1,this.dialogConfig={visible:!1},this.ticketDataSource=[]}handleNewTranslations(){this.isLoading=!0,Ql(JSON.parse(this.translationUrl)),this.isLoading=!1}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this.translationUrl&&Ql(JSON.parse(this.translationUrl))}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}get parsedDefaultBulletConfigLineGroup(){if("string"==typeof this.defaultBulletConfigLineGroup&&this.defaultBulletConfigLineGroup)try{const t=JSON.parse(this.defaultBulletConfigLineGroup);return this.readPrettyHandler(t)}catch(t){return void console.error("Error parsing defaultBulletConfigLineGroup:",t)}}readPrettyHandler(t){return this.readPretty?(this.currentPage=1,this.minTotalPages=1,this.maxTotalPages=this.totalPages,null==t?void 0:t.map((t=>null==t?void 0:t.map((t=>null==t?void 0:t.map((t=>Object.assign(Object.assign({},t),{disabled:!0})))))))):t}initLineForBulletConfig(){var t;return Array.from({length:null===(t=this.ticketDataSource)||void 0===t?void 0:t.length},(()=>[...th]))}_resetBulletConfig(){this.bulletConfigLineGroup=Array.from({length:this.totalPages}).map(this.initLineForBulletConfig.bind(this))}fetchMatchData(){let t=new URL(`${this.endpoint}/games/${this.gameId}/draws/${this.drawId}/findDrawEvents`);this.gameId&&this.drawId&&(this.isLoading=!0,(t=>fetch(t).then((t=>t.json())))(t.href).then((t=>{this.ticketDataSource=t||[],this.isLoading=!1,this.parsedDefaultBulletConfigLineGroup&&this.parsedDefaultBulletConfigLineGroup.length>0?this.bulletConfigLineGroup=this.parsedDefaultBulletConfigLineGroup:this._resetBulletConfig()})).catch((t=>{this.isLoading=!1,this.hasErrors=!0,console.error("Error!",t)})))}connectedCallback(){this.fetchMatchData()}handleClearAll(){this._resetBulletConfig(),(({message:t,theme:e="success",position:i="top-end",duration:s=3e3})=>{customElements.get("vaadin-notification")||console.warn("vaadin-notification is not registered. Please ensure it is imported.");const o=document.createElement("vaadin-notification");o.renderer=e=>{e.textContent=t},o.duration=s,e&&o.setAttribute("theme",e),o.setAttribute("position",i),document.body.appendChild(o),o.opened=!0})({message:Zl("selectionCleared",this.language)}),this.lotteryTippingBulletBetEvent.emit({hasSelectBullet:!1})}async resetBulletConfig({minLineNumber:t,maxLineNumber:e,defaultBoards:i}){this.totalPages=i,this.minTotalPages=t,this.maxTotalPages=e,this.currentPage=1,this._resetBulletConfig(),this.lotteryTippingBulletBetEvent.emit({hasSelectBullet:!1})}lotteryTippingBulletGroupSelectionHandler(t){const{bulletConfigArr:e,positionIdx:i}=t.detail,[s,o]=i.split("-");this.bulletConfigLineGroup[s][o]=e,this.bulletConfigLineGroup=[...this.bulletConfigLineGroup],this.lotteryTippingBulletBetEvent.emit({hasSelectBullet:!0})}async getData(){return await this.validateBulletConfigLineGroup(),this.bulletConfigLineGroup}validateBulletConfigLineGroup(){if("[[[]]]"===JSON.stringify(this.bulletConfigLineGroup))return Promise.resolve(this.bulletConfigLineGroup);const t=this.bulletConfigLineGroup.length;return t!==this.totalPages||t<this.minTotalPages||t>this.maxTotalPages?(this._resetBulletConfig(),Promise.reject(new Error("Invalid bullet config line group length"))):Promise.resolve(this.bulletConfigLineGroup)}prevPage(){this.swapCard("prev",(()=>{this.currentPage>1&&this.currentPage--}))}nextPage(){this.swapCard("next",(()=>{this.currentPage<this.totalPages&&this.currentPage++}))}handleAddLine(){this.swapCard("add",(()=>{this.totalPages<=this.maxTotalPages-1&&(this.bulletConfigLineGroup.push(this.initLineForBulletConfig()),this.totalPages++,this.currentPage++,this.lotteryTippingBulletBetEvent.emit())}))}handleRemoveLine(){(()=>{if(this.totalPages>=this.minTotalPages+1){const t=()=>{this.dialogConfig={visible:!1}},e=()=>{this.bulletConfigLineGroup.splice(this.currentPage-1,1),this.totalPages--,1!==this.currentPage&&this.currentPage--,this.lotteryTippingBulletBetEvent.emit(),this.swapCard("remove",t)};this.dialogConfig={visible:!0,content:Zl("selectionOnLineCleared",this.language),onConfirm:e,onCancel:t}}})()}swapCard(t,e){const i=this.mainContainer;if(!i)return;const{out:s,in:o}={next:{out:"card-out-left",in:"card-in-left"},prev:{out:"card-out-right",in:"card-in-right"},remove:{out:"card-out-down",in:"card-in-right"},add:{out:"card-out-left",in:"card-in-up"}}[t];i.classList.add(s),i.addEventListener("animationend",(()=>{i.classList.remove(s),e();const t=this.mainContainer;t&&(t.classList.add(o),t.addEventListener("animationend",(()=>t.classList.remove(o)),{once:!0}))}),{once:!0})}handleCurrentPageChange(){this.lotteryTippingCurrentPageChangeEvent.emit({currentPage:this.currentPage})}render(){var t,e,o,r;const n=i("../static/loading.svg");if(this.isLoading)return s("div",{class:"flex align-center gap-1"},s("p",null,Zl("loading",this.language)),s("img",{src:n}));if(this.hasErrors)return s("div",null,s("p",null,Zl("error",this.language)));const a=({columns:t,dataSource:e,hideHead:i=!1,grid:o=!0,bordered:r=!0})=>s("table",{class:{bordered:r,grid:o,"my-table-component":!0}},!i&&s("thead",null,s("tr",null,t.map((t=>{var e;return s("th",{key:t.value,style:{width:t.width+"%",textAlign:t.align}},"string"==typeof t.title?t.title:null===(e=t.title)||void 0===e?void 0:e.call(t))})))),s("tbody",null,e.map(((e,i)=>s("tr",{key:i},t.map((t=>s("td",{key:t.value,style:{width:t.width+"%",textAlign:t.align},class:{"no-wrap":t.nowrap}},t.render?t.render(e,e[t.value],i):e[t.value])))))))),l=i("../static/delete.svg"),h=i("../static/add.svg"),c=i("../static/left-arrow.svg"),d=i("../static/right-arrow.svg"),u=this.totalPages<this.maxTotalPages&&this.currentPage===this.totalPages,p=this.totalPages>this.minTotalPages;return 0===this.ticketDataSource.length||0===this.minTotalPages||0===this.maxTotalPages?s("div",{class:"LotteryTippingTicketBet__container",ref:t=>this.stylingContainer=t},s("div",{class:"LotteryTippingTicketBet__empty"},s("p",null,Zl("noData",this.language)))):this.readPretty?s("div",{class:"LotteryTippingTicketBet__container",ref:t=>this.stylingContainer=t},s("div",{class:"LotteryTippingTicketBet__main",ref:t=>this.mainContainer=t},s(a,{columns:this.columns,dataSource:(null===(t=this.ticketDataSource)||void 0===t?void 0:t.map(((t,e)=>Object.assign(Object.assign({},t),{index:e+1}))))||[],hideHead:!1,grid:!1,bordered:!1}),this.totalPages>1&&s("div",null,s("div",{class:"border-line"}),s("div",{class:"LotteryTippingTicketBet__footer"},s("div",{class:"my-pagination flex justify-between"},s("span",null,Zl("lineInfo",this.language,{currentPage:this.currentPage,totalPages:this.totalPages})),s("div",{class:"flex gap-1"},s("span",{class:"btn "+(1===this.currentPage?"disabled":""),onClick:this.prevPage.bind(this)},s("img",{src:c})),s("span",{class:"btn "+(this.currentPage===this.totalPages?"disabled":""),onClick:this.nextPage.bind(this)},s("img",{src:d})))))))):s("div",{ref:t=>this.stylingContainer=t,class:"LotteryTippingTicketBet__container"},s("div",{class:"LotteryTippingTicketBet__tableToolbar flex justify-end gap-1"},s("button",{class:{"LotteryTippingTicketBet__tableToolbar--item":!0,"mr-0":!(u||p)},onClick:this.handleClearAll.bind(this)},Zl("clearAll",this.language))),s("div",{class:"flex align-center LotteryTippingTicketBet__main",ref:t=>this.mainContainer=t},s(a,{columns:this.columns,dataSource:(null===(e=this.ticketDataSource)||void 0===e?void 0:e.map(((t,e)=>Object.assign(Object.assign({},t),{index:e+1}))))||[],hideHead:!1,grid:!1,bordered:!1}),(u||p)&&s("div",{class:"LotteryTippingTicketBet__lineOperatorGroup"},u&&s("div",{class:{"LotteryTippingTicketBet__lineOperatorGroup--item":!0},onClick:this.handleAddLine.bind(this)},s("img",{src:h})),p&&s("div",{class:{"LotteryTippingTicketBet__lineOperatorGroup--item":!0},onClick:this.handleRemoveLine.bind(this)},s("img",{src:l})))),s("div",{class:"border-line"}),s("div",{class:"LotteryTippingTicketBet__footer"},s("div",{class:"my-pagination flex justify-between"},s("span",null,Zl("lineInfo",this.language,{currentPage:this.currentPage,totalPages:this.totalPages})),s("div",{class:"flex gap-1"},s("span",{class:"btn "+(1===this.currentPage?"disabled":""),onClick:this.prevPage.bind(this)},s("img",{src:c})),s("span",{class:"btn "+(this.currentPage===this.totalPages?"disabled":""),onClick:this.nextPage.bind(this)},s("img",{src:d}))))),this.dialogConfig.visible&&s("vaadin-confirm-dialog",{rejectButtonVisible:!0,rejectText:Zl("cancel",this.language),confirmText:Zl("confirm",this.language),opened:null===(o=this.dialogConfig)||void 0===o?void 0:o.visible,onConfirm:this.dialogConfig.onConfirm,onReject:this.dialogConfig.onCancel},null===(r=this.dialogConfig)||void 0===r?void 0:r.content))}static get assetsDirs(){return["../static"]}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],gameId:["fetchMatchData"],sessionId:["fetchMatchData"],drawId:["fetchMatchData"],currentPage:["handleCurrentPageChange"]}}};eh.style=".LotteryTippingTicketBet__container {\n display: block; /* Or inline-block, depending on desired layout flow */\n font-size: 14px;\n line-height: 1.5715;\n color: var(--emw--color-gray-400, #000);\n overflow: hidden;\n min-width: 300px;\n container-type: inline-size;\n}\n@container (max-width: 375px) {\n .LotteryTippingTicketBet__container {\n font-size: 12px;\n }\n}\n\n.table-wrapper {\n overflow-x: auto; /* Handle horizontal scroll if content overflows */\n}\n\n.my-table-component {\n width: 100%;\n border-collapse: collapse; /* Important for borders */\n text-align: left;\n border-radius: 0.1rem; /* Ant Design like subtle rounding */\n border-spacing: 0;\n}\n\n/* Header */\n.my-table-component th {\n background-color: var(--emw--color-gray-50, #f5f5f5);\n color: var(--emw--color-gray-400, #000);\n font-weight: 500;\n padding: 0.4rem 0.5rem;\n transition: background 0.3s ease;\n}\n\n/* Cells */\n.my-table-component td {\n padding: 0.4rem 0.5rem;\n color: var(--emw--color-gray-400, #000);\n transition: background 0.3s;\n}\n@container (max-width: 400px) {\n .my-table-component td {\n padding: 0.3rem 0.3rem;\n }\n}\n\n.my-table-component.bordered th,\n.my-table-component.bordered td {\n border-bottom: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n\n/* Bordered style */\n.my-table-component.grid th,\n.my-table-component.grid td {\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n\n.my-table-component.grid th {\n border-bottom-width: 1px; /* Ensure bottom border is consistent */\n}\n\n.my-table-component.grid {\n border: 1px solid var(--emw--color-gray-100, #e6e6e6); /* Outer border */\n border-right-width: 0;\n border-bottom-width: 0;\n}\n\n.my-table-component.grid th:last-child,\n.my-table-component.grid td:last-child {\n border-right: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n\n.my-table-component.grid tr:last-child td {\n border-bottom: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n\n/* Striped style */\n.my-table-component.striped tbody tr:nth-child(even) td {\n background-color: var(--emw--color-gray-50, #f5f5f5);\n}\n\n/* Hover (optional, but nice) */\n.my-table-component tbody tr:hover td {\n background-color: var(--emw--color-gray-50, #f5f5f5);\n}\n\n.flex {\n display: flex;\n}\n\n.justify-end {\n justify-content: flex-end;\n}\n\n.gap-1 {\n gap: 4px;\n}\n\n.justify-between {\n justify-content: space-between;\n}\n\n.align-center {\n align-items: center;\n}\n\n.gap-1 {\n gap: 0.5rem;\n}\n\n.btn {\n background: transparent;\n font-size: 14px;\n transition: all 0.2s ease;\n}\n.btn:hover {\n cursor: pointer;\n}\n\n.btn:hover {\n background-color: var(--emw--color-gray-100, #e6e6e6);\n}\n\n.btn.disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n.btn.disabled:hover {\n cursor: not-allowed !important;\n}\n\n.LotteryTippingTicketBet__tableToolbar {\n width: 100%;\n margin-bottom: 1rem;\n}\n\n.LotteryTippingTicketBet__tableToolbar--item {\n background-color: transparent;\n cursor: pointer;\n font-weight: 500;\n white-space: nowrap;\n display: inline-flex;\n border-radius: 1.6rem;\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-left: 1rem;\n padding-right: 1rem;\n margin-right: 2rem;\n}\n.LotteryTippingTicketBet__tableToolbar--item.mr-0 {\n margin-right: 0rem !important;\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup {\n flex-basis: 2rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n border-radius: 8px;\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup--item {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 2rem;\n height: 2rem;\n background-color: var(--emw--color-background, #fff);\n border-radius: 8px;\n box-shadow: 0 1px 4px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));\n transition: all 0.2s ease-in-out;\n cursor: pointer;\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup--item:hover {\n background-color: var(--emw--color-gray-50, #f5f5f5);\n box-shadow: 0 2px 6px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));\n transform: scale(1.05);\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup--item img {\n width: 20px;\n height: 20px;\n transition: filter 0.2s ease-in-out;\n filter: grayscale(0.3);\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup--item:hover img {\n filter: grayscale(0);\n transform: rotate(3deg);\n}\n\ndiv.border-line {\n margin-top: 1rem;\n height: 1px;\n width: 100%;\n box-sizing: border-box;\n background-color: var(--emw--color-gray-100, #e6e6e6);\n transition: all 0.3s ease;\n}\n\n.LotteryTippingTicketBet__footer {\n padding: 0.5rem;\n}\n\n.my-pagination {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n font-size: 0.8rem;\n color: var(--emw--color-gray-300, #333);\n}\n\n.my-pagination span {\n font-weight: 500;\n user-select: none;\n}\n\n.my-pagination .btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n color: white;\n transition: all 0.3s ease;\n cursor: pointer;\n box-shadow: 0 4px 10px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));\n opacity: 0.9;\n}\n\n.my-pagination .btn img {\n width: 20px;\n height: 20px;\n transition: transform 0.2s ease;\n}\n\n.my-pagination .btn:hover {\n transform: scale(1.1);\n box-shadow: 0 6px 14px var(--emw-calender-curday-box-shadow, rgba(0, 0, 0, 0.09));\n}\n\n.my-pagination .btn.disabled {\n background: var(--emw--color-gray-100, #e6e6e6);\n cursor: not-allowed;\n opacity: 0.5;\n transform: scale(1);\n}\n\n.match-info-item {\n display: flex;\n}\n\n.match-info-item-label {\n margin-right: 6px;\n}\n\n.info-icon:hover {\n cursor: pointer;\n}\n\n.LotteryTippingTicketBet__empty p {\n text-align: center;\n}\n\n.no-wrap {\n white-space: nowrap;\n overflow: hidden;\n}\n\n.eventNameContainer__item {\n line-height: 1rem;\n}\n.eventNameContainer__item--title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 300px;\n}\n@container (max-width: 600px) {\n .eventNameContainer__item--title {\n max-width: 180px;\n }\n}\n@container (max-width: 500px) {\n .eventNameContainer__item--title {\n max-width: 150px;\n }\n}\n@container (max-width: 400px) {\n .eventNameContainer__item--title {\n max-width: 100px;\n }\n}\n@container (max-width: 330px) {\n .eventNameContainer__item--title {\n max-width: 70px;\n }\n}\n\n.LotteryTippingTicketBet__main {\n perspective: 800px;\n will-change: transform, opacity;\n backface-visibility: hidden;\n}\n\n@container (max-width: 520px) {\n .LotteryTippingTicketBet__main {\n flex-wrap: wrap;\n justify-content: center;\n }\n .LotteryTippingTicketBet__tableToolbar--item {\n margin-right: 0 !important;\n }\n}\n/* Fade-In Keyframes */\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n/* Fade-Out Keyframes */\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(-100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(100%);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@-webkit-keyframes slide-left {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 100% {\n -webkit-transform: translateX(-100px);\n transform: translateX(-100px);\n }\n}\n@keyframes slide-left {\n 0% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n }\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n }\n}\n@-webkit-keyframes slide-right {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n }\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n }\n}\n@keyframes slide-right {\n 0% {\n -webkit-transform: translateX(-100px);\n transform: translateX(-100px);\n }\n 100% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n@-webkit-keyframes slide-top {\n 0% {\n -webkit-transform: translateY(-100px);\n transform: translateY(-100px);\n }\n 100% {\n -webkit-transform: translateY(0px);\n transform: translateY(0px);\n }\n}\n@keyframes slide-top {\n 0% {\n -webkit-transform: translateY(-100px);\n transform: translateY(-100px);\n }\n 100% {\n -webkit-transform: translateY(0px);\n transform: translateY(0px);\n }\n}\n/* Apply to your card classes */\n.card-in-left {\n -webkit-animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.card-out-left {\n animation: fadeOut 0.2s ease-out both;\n}\n\n.card-in-right {\n -webkit-animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.card-out-right {\n animation: fadeOut 0.2s ease-out both;\n}\n\n.card-in-up {\n -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.card-out-down {\n animation: fadeOut 0.2s ease-out both;\n}";export{k as general_multi_select,C as general_tooltip,S as lottery_tipping_bullet,A as lottery_tipping_bullet_group,D as lottery_tipping_dialog,Ul as lottery_tipping_filter,ql as lottery_tipping_pagination,Kl as lottery_tipping_panel,eh as lottery_tipping_ticket_bet}
|
|
6657
|
+
`}static get is(){return"vaadin-tabs"}}U(Rl);const Ul=class{constructor(i){t(this,i),this.filterChange=e(this,"filterChange",7),this.filterClear=e(this,"filterClear",7),this.handleTicketType=t=>{t.detail&&t.detail.length&&(this.filterData.ticketType=t.detail)},this.handleFilterFrom=t=>{let e=t.target.value.split("-");3===e.length&&(this.filterData=Object.assign(Object.assign({},this.filterData),{filterFromCalendar:`${e[2]}/${e[1]}/${e[0]}`}))},this.handleFilterTo=t=>{let e=t.target.value.split("-");3===e.length&&(this.filterData=Object.assign(Object.assign({},this.filterData),{filterToCalendar:`${e[2]}/${e[1]}/${e[0]}`}))},this.quickFiltersActive=!1,this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl=void 0,this.isOpen=!1,this.filterData={filterFromCalendar:"",filterToCalendar:"",ticketId:"",ticketType:[]},this.ticketTypeList=void 0,this.showClearButton=!1}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this.translationUrl&&c(JSON.parse(this.translationUrl)),this.ticketTypeList=[{label:d("normal",this.language),value:"NORMAL"},{label:d("subscription",this.language),value:"SUBSCRIPTION"}]}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleModalClose(){this.isOpen=!1}changeFormate(t){const[e,i,s]=t.split("/");return`${s}-${i}-${e}`}formateDate(t){const{year:e,month:i,day:s}=t,o=new Date(e,i,s);return u(o,"dd/MM/yyyy")}parseDate(t){const[e,i,s]=t.split("/");return{year:s,month:parseInt(i)-1,day:e}}setDateFormate(t){t.i18n=Object.assign(Object.assign({},t.i18n),{formatDate:this.formateDate,parseDate:this.parseDate})}clearSelection(){this.comboBox.clear()}resetSearch(){this.showClearButton=!1,this.clearSelection(),this.filterData={filterFromCalendar:"",filterToCalendar:"",ticketId:"",ticketType:[]},this.filterClear.emit()}handleDialogConfirm(){if(this.filterData.filterFromCalendar&&this.filterData.filterToCalendar){let t=this.filterData.filterFromCalendar.split("/"),e=this.filterData.filterToCalendar.split("/");const i={filterFromCalendar:new Date(Date.UTC(Number(t[2]),Number(t[1])-1,Number(t[0]),0,0,0)).toISOString(),filterToCalendar:new Date(Date.UTC(Number(e[2]),Number(e[1])-1,Number(e[0]),23,59,59)).toISOString()};this.filterData=Object.assign(Object.assign({},this.filterData),i)}this.filterChange.emit(this.filterData),this.isOpen=!1,this.showClearButton=!0}render(){return s("div",{key:"74aa590f6f92b9df971fd17cb3f573cc6a0a68e9",class:"lottery-tipping-filter",ref:t=>this.stylingContainer=t},s("div",{key:"ebf385371627466c5eb06a5ef75a14a467b1badd",class:"operate-btns"},!this.showClearButton&&s("div",{key:"55c709034e124b51e8b9057980f5a3c3b8c6d5ce",class:"operate-btn",onClick:()=>{this.isOpen=!0}},d("filter",this.language)),(this.showClearButton||this.quickFiltersActive)&&s("div",{key:"aa747af2461e72fbacc16decd7fc75cd6f640c47",class:"operate-btn",onClick:()=>this.resetSearch()},d("clear",this.language))),s("lottery-tipping-dialog",{key:"f8f41b7ff5114a48a840063b5f063e28cc61e31c","dialog-title":d("ticketResult",this.language),visible:this.isOpen,onCancel:()=>{this.isOpen=!1},onConfirm:this.handleDialogConfirm(),animationDuration:300,language:this.language,"translation-url":this.translationUrl},s("div",{key:"a7510ed9b89b568d6829777bfbbc33bc3fdbb9b4",class:"dialog-content"},s("div",{key:"25f1a6e8e4f389cc6157468338eb4bac9996a5cd",class:"filter-item"},s("div",{key:"a49fded71e3ddc45dc26c7bb47f29132907bcf5f",class:"filter-item-label"},d("searchByTicketId",this.language)),s("div",{key:"281d3ebd48ab27fbd82328a684fcf3e11bd68176",class:"filter-item-val"},s("vaadin-text-field",{key:"3ca7edba908e9ff1d6ab16c5c60e5a1cdb06d9c9",placeholder:d("enterTicketId",this.language),value:this.filterData.ticketId,onInput:t=>{this.filterData.ticketId=t.target.value}}))),s("div",{key:"9bee76f675ef9934db69a1f06e5b40c4e2e94bf2",class:"filter-item"},s("div",{key:"d9251a523137fab3410c0ce8597a70ba7cffaf73",class:"filter-item-label"},d("searchByTicketType",this.language)),s("div",{key:"ddc4c4a1c436d874f9c13d4612690d6360815633",class:"general-multi-select-container"},s("general-multi-select",{key:"b08fc68491d530937356d519f37362b2e3bf13c8",ref:t=>this.comboBox=t,placeholder:d("selectTicketType",this.language),"max-visible-chips":"2",options:this.ticketTypeList.map((t=>({text:t.label,value:t.value}))),onChange:this.handleTicketType,"client-styling":this.clientStyling,"client-styling-Url":this.clientStylingUrl,"mb-source":this.mbSource}))),s("div",{key:"516fd4574674db32d3e8c9994a8c8cfb3b972364",class:"filter-item"},s("div",{key:"ce608f365c0297ff7b3aa1cbe64a51505e441f2c",class:"filter-item-label"},d("searchByDate",this.language)),s("div",{key:"9456716fb9e3a392cbb5c16f706b3dc144b0ccbe",class:"filter-item-val"},s("vaadin-date-picker",{key:"fb574b38a9e9143bf47fecd16638d50e2b9605a5",value:this.filterData.filterFromCalendar,max:void 0===this.filterData.filterToCalendar?void 0:this.changeFormate(this.filterData.filterToCalendar),onChange:this.handleFilterFrom,placeholder:d("from",this.language),ref:t=>this.setDateFormate(t),class:"VaadinDatePicker"}),s("vaadin-date-picker",{key:"3fc353dd8b7919219731934cf76c75ea13c38e35",value:this.filterData.filterToCalendar,min:void 0===this.filterData.filterFromCalendar?void 0:this.changeFormate(this.filterData.filterFromCalendar),onChange:this.handleFilterTo,placeholder:d("to",this.language),ref:t=>this.setDateFormate(t),class:"VaadinDatePicker"}))))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};Ul.style=".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)}";const ql=class{constructor(i){t(this,i),this.pageChange=e(this,"pageChange",7),this.pageSizeChange=e(this,"pageSizeChange",7),this.userAgent=window.navigator.userAgent,this.total=0,this.pageSizeOptions=[10,20,50],this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl=void 0,this.current=1,this.pageSize=10,this.totalPages=1}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}componentWillLoad(){this.translationUrl&&c(JSON.parse(this.translationUrl)),this.pageSize=this.pageSizeOptions[0],this.updateTotalPages()}updateTotalPages(){this.totalPages=Math.max(Math.ceil(this.total/this.pageSize),1),this.current>this.totalPages&&(this.current=this.totalPages,this.pageChange.emit(this.current))}goToPage(t){t<1||t>this.totalPages||t===this.current||(this.current=t,this.pageChange.emit(t))}changePageSize(t){this.pageSize=t,this.pageSizeChange.emit(t),this.updateTotalPages(),this.goToPage(1)}getPagesToShow(){const t=[],e=p(this.userAgent)?1:2,{totalPages:i,current:s}=this;if(i<=7)for(let e=1;e<=i;e++)t.push({type:"page",value:e});else{t.push({type:"page",value:1}),s>e+2&&t.push({type:"jump",direction:"prev"});const o=Math.max(2,s-e),r=Math.min(i-1,s+e);for(let e=o;e<=r;e++)t.push({type:"page",value:e});s<i-e-1&&t.push({type:"jump",direction:"next"}),t.push({type:"page",value:i})}return t}jumpTo(t){this.goToPage("prev"===t?Math.max(1,this.current-5):Math.min(this.totalPages,this.current+5))}render(){const t=this.getPagesToShow();return s("div",{key:"056fe5c9fddd61fafba809746de794a8db9c92a9",class:"paginator",ref:t=>this.stylingContainer=t},s("div",{key:"a4ceefa8aaeb5a5038e9f15d58f8b7b74f5e6726",class:"total-num"},d("totalItems",this.language,{total:this.total})),s("button",{key:"08a1c3a20cc576781c97e6dae6ba8db5bba1e0c2",class:"arrow-btn",disabled:this.current<=1,onClick:()=>this.goToPage(this.current-1)},"<"),t.map((t=>"page"===t.type?s("button",{class:{page:!0,active:this.current===t.value},onClick:()=>this.goToPage(t.value)},t.value):s("button",{class:"ellipsis",onClick:()=>this.jumpTo(t.direction)},"..."))),s("button",{key:"893023765c2a3b55a725c32ab5edb86e14225766",class:"arrow-btn",disabled:this.current>=this.totalPages,onClick:()=>this.goToPage(this.current+1)},">"),s("select",{key:"c3fd4ada29da74ff3e0a5d41efeb3d6eb341bd79",onInput:t=>this.changePageSize(parseInt(t.target.value))},this.pageSizeOptions.map((t=>s("option",{value:t},d("perPage",this.language,{size:t}))))),s("div",{key:"df8b7ad7e45fc12dc25b50cb687d008b546bba5b",class:"jump-box"},d("goTo",this.language),s("input",{key:"f12b2591b6cfb79e0163dcbd5631618c69140539",type:"number",min:"1",max:this.totalPages,value:this.current,onKeyDown:t=>{if("Enter"===t.key){const e=parseInt(t.target.value);isNaN(e)||this.goToPage(e)}},onInput:t=>{const e=t.target;parseInt(e.value)>this.totalPages&&(e.value=this.totalPages.toString()),parseInt(e.value)<1&&(e.value="1")}})))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],total:["updateTotalPages"],pageSize:["updateTotalPages"]}}};ql.style=".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)}";var Wl=function(){return Wl=Object.assign||function(t){for(var e,i=1,s=arguments.length;i<s;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},Wl.apply(this,arguments)},Hl={primaryColor:"#333",secondaryColor:"#E6E6E6"};function Gl(t,e){var i="svg"===t.tag?Wl(Wl({},t.attrs),e.extraSVGAttrs||{}):t.attrs,s=Object.keys(i).reduce((function(t,e){var s=i[e],o="".concat(e,'="').concat(s,'"');return t.push(o),t}),[]),o=s.length?" "+s.join(" "):"",r=(t.children||[]).map((function(t){return Gl(t,e)})).join("");return r&&r.length?"<".concat(t.tag).concat(o,">").concat(r,"</").concat(t.tag,">"):"<".concat(t.tag).concat(o," />")}const Yl=function(t,e){if(void 0===e&&(e={}),"function"==typeof t.icon){var i=e.placeholders||Hl;return Gl(t.icon(i.primaryColor,i.secondaryColor),e)}return Gl(t.icon,e)}({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"},{extraSVGAttrs:{width:"16px",height:"16px",fill:""}}),Kl=class{constructor(e){t(this,e),this.togglePanel=()=>{this.expanded=!this.expanded},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.headerTitle=void 0,this.expanded=!1}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return s("div",{key:"aad4bd39648c6e9df1191429caa1f8b35424d31c",class:"panel-container",ref:t=>this.stylingContainer=t},s("div",{key:"685317142a2fe2d110bbec41c6561446f1229b5b",class:{"panel-header":!0,active:this.expanded},onClick:this.togglePanel},s("div",{key:"bf42af64a3eac7e8998cb9fe75c465eeaf44b7ba",class:"header-content"},s("slot",{key:"181469c7a4cbe6030f64d4a08eb3e11390a4f569",name:"header"},s("span",{key:"25db3b952ba81bff3a17d67ab9c960365abb6852"},this.headerTitle))),s("span",{key:"fc10e5fe178aa9b6bbae680b6fe58ca66c3a7df3",class:"arrow "+(this.expanded?"expanded":""),innerHTML:Yl})),s("div",{key:"8ae6e1a6b51eb398625d11d0b94fdbebf3cbcbc1",class:"panel-body "+(this.expanded?"open":"closed")},s("slot",{key:"9fdf6862787be818e8e9655f151630fd2913c4fd",name:"content"})))}get el(){return o(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};Kl.style=".panel-container{border:2px solid var(--emw--color-typography, #000);border-radius:8px;overflow:hidden;font-family:sans-serif;width:calc(100% - 4px)}.panel-header{background-color:var(--emw--color-background, #fff);padding:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px}.panel-header .header-content{color:var(--emw--color-typography, #000)}.panel-header:hover{background-color:var(--emw--color-primary, #fed275)}.panel-header.active{background-color:var(--emw--color-primary, #fed275)}.header-content{white-space:nowrap;user-select:none}.arrow{transition:transform 0.3s ease;font-size:16px;display:inline-flex}.arrow.expanded{transform:rotate(180deg)}.panel-body{overflow:hidden;max-height:0;transition:max-height 0.3s ease, padding 0.3s ease;background-color:var(--emw--color-background, #fff);padding:0 12px;font-size:14px}.panel-body.open{max-height:500px;padding:10px 12px}.panel-body.closed{max-height:0;padding-top:0;padding-bottom:0}";const Jl=["ro","en","fr","ar","hr"],Xl={en:{homeTeam:"Home team:",awayTeam:"Away team:",selectionCleared:"Your selection has been cleared.",selectionOnLineCleared:"Your selection on this line will be cleared.",loading:"Loading...",error:"Error!",noData:"No data available.",lineInfo:"Line {currentPage} of {totalPages}",clearAll:"Clear All",cancel:"Cancel",confirm:"Confirm"},ro:{homeTeam:"Echipa gazdă:",awayTeam:"Echipa oaspete:",selectionCleared:"Selecția dvs. a fost ștearsă.",selectionOnLineCleared:"Selecția dvs. de pe această linie va fi ștearsă.",loading:"Se încarcă...',n error: 'Eroare!",noData:"Nu sunt date disponibile.",lineInfo:"Linia {currentPage} din {totalPages}",clearAll:"Șterge tot",cancel:"Anulează",confirm:"Confirmă"},fr:{homeTeam:"Équipe à domicile:",awayTeam:"Équipe à l'extérieur:",selectionCleared:"Votre sélection a été effacée.",selectionOnLineCleared:"Votre sélection sur cette ligne sera effacée.",loading:"Chargement...',n error: 'Erreur!",noData:"Aucune donnée disponible.",lineInfo:"Ligne {currentPage} sur {totalPages}",clearAll:"Tout effacer",cancel:"Annuler",confirm:"Confirmer"},ar:{homeTeam:"الفريق المضيف:",awayTeam:"الفريق الضيف:",selectionCleared:"تم مسح اختيارك.",selectionOnLineCleared:"سيتم مسح اختيارك في هذا السطر.",loading:"جار التحميل...',n error: 'خطأ!",noData:"لا توجد بيانات متاحة.",lineInfo:"السطر {currentPage} من {totalPages}",clearAll:"مسح الكل",cancel:"إلغاء",confirm:"تأكيد"},hr:{homeTeam:"Domaći tim:",awayTeam:"Gostujući tim:",selectionCleared:"Vaš odabir je obrisan.",selectionOnLineCleared:"Vaš odabir na ovoj liniji bit će obrisan.",loading:"Učitavanje...',n error: 'Greška!",noData:"Nema dostupnih podataka.",lineInfo:"Linija {currentPage} od {totalPages}",clearAll:"Očisti sve",cancel:"Odustani",confirm:"Potvrdi"}},Zl=(t,e,i)=>{const s=e;let o=Xl[void 0!==s&&Jl.includes(s)?s:"en"][t];return i&&Object.keys(i).forEach((t=>{o=o.replace(`{${t}}`,i[t])})),o},Ql=t=>{Object.keys(t).forEach((e=>{for(let i in t[e])Xl[e][i]=t[e][i]}))},th=[{value:"1"},{value:"X"},{value:"2"}],eh=class{constructor(o){t(this,o),this.lotteryTippingBulletBetEvent=e(this,"lotteryTippingBulletBetSelect",7),this.lotteryTippingCurrentPageChangeEvent=e(this,"lotteryTippingCurrentPageChange",7),this.infoImagePath=i("../static/info.svg"),this.eventNameRender=(t,e)=>s("div",{class:"flex gap-1 eventNameContainer__item"},s("span",{class:"eventNameContainer__item--title"},e),s("general-tooltip",null,s("img",{slot:"trigger",class:"info-icon",src:this.infoImagePath,style:{width:"18px"}}),s("div",{slot:"content"},s("div",{class:"match-info"},s("div",{class:"match-info-item"},s("div",{class:"match-info-item-label"},Zl("homeTeam",this.language)),s("div",{class:"match-info-item-value"},t.homeName)),s("div",{class:"match-info-item"},s("div",{class:"match-info-item-label"},Zl("awayTeam",this.language)),s("div",{class:"match-info-item-value"},t.awayName)))))),this.columns=[{title:"",value:"index",width:3},{title:"",value:"eventName",width:70,render:this.eventNameRender},{title:"",value:"startTime",width:22,align:"right",nowrap:!0,render:(t,e)=>(({date:t,type:e="date",format:i})=>{try{const s=function(t,e){var i;r(1,arguments);var s=n(null!==(i=null==e?void 0:e.additionalDigits)&&void 0!==i?i:2);if(2!==s&&1!==s&&0!==s)throw new RangeError("additionalDigits must be 0, 1 or 2");if("string"!=typeof t&&"[object String]"!==Object.prototype.toString.call(t))return new Date(NaN);var o,a=function(t){var e,i={},s=t.split(v.dateTimeDelimiter);if(s.length>2)return i;if(/:/.test(s[0])?e=s[0]:(i.date=s[0],e=s[1],v.timeZoneDelimiter.test(i.date)&&(i.date=t.split(v.timeZoneDelimiter)[0],e=t.substr(i.date.length,t.length))),e){var o=v.timezone.exec(e);o?(i.time=e.replace(o[1],""),i.timezone=o[1]):i.time=e}return i}(t);if(a.date){var l=function(t,e){var i=new RegExp("^(?:(\\d{4}|[+-]\\d{"+(4+e)+"})|(\\d{2}|[+-]\\d{"+(2+e)+"})$)"),s=t.match(i);if(!s)return{year:NaN,restDateString:""};var o=s[1]?parseInt(s[1]):null,r=s[2]?parseInt(s[2]):null;return{year:null===r?o:100*r,restDateString:t.slice((s[1]||s[2]).length)}}(a.date,s);o=function(t,e){if(null===e)return new Date(NaN);var i=t.match(f);if(!i)return new Date(NaN);var s=!!i[4],o=y(i[1]),r=y(i[2])-1,n=y(i[3]),a=y(i[4]),l=y(i[5])-1;if(s)return function(t,e,i){return e>=1&&e<=53&&i>=0&&i<=6}(0,a,l)?function(t,e,i){var s=new Date(0);s.setUTCFullYear(t,0,4);var o=7*(e-1)+i+1-(s.getUTCDay()||7);return s.setUTCDate(s.getUTCDate()+o),s}(e,a,l):new Date(NaN);var h=new Date(0);return function(t,e,i){return e>=0&&e<=11&&i>=1&&i<=(x[e]||(_(t)?29:28))}(e,r,n)&&function(t,e){return e>=1&&e<=(_(t)?366:365)}(e,o)?(h.setUTCFullYear(e,r,Math.max(o,n)),h):new Date(NaN)}(l.restDateString,l.year)}if(!o||isNaN(o.getTime()))return new Date(NaN);var h,c=o.getTime(),d=0;if(a.time&&(d=function(t){var e=t.match(b);if(!e)return NaN;var i=w(e[1]),s=w(e[2]),o=w(e[3]);return function(t,e,i){return 24===t?0===e&&0===i:i>=0&&i<60&&e>=0&&e<60&&t>=0&&t<25}(i,s,o)?i*m+6e4*s+1e3*o:NaN}(a.time),isNaN(d)))return new Date(NaN);if(!a.timezone){var u=new Date(c+d),p=new Date(0);return p.setFullYear(u.getUTCFullYear(),u.getUTCMonth(),u.getUTCDate()),p.setHours(u.getUTCHours(),u.getUTCMinutes(),u.getUTCSeconds(),u.getUTCMilliseconds()),p}return h=function(t){if("Z"===t)return 0;var e=t.match(g);if(!e)return 0;var i="+"===e[1]?-1:1,s=parseInt(e[2]),o=e[3]&&parseInt(e[3])||0;return function(t,e){return e>=0&&e<=59}(0,o)?i*(s*m+6e4*o):NaN}(a.timezone),isNaN(h)?new Date(NaN):new Date(c+d+h)}(t);if(isNaN(s.getTime()))throw new Error(`Invalid date: ${t}`);if(i)return u(s,i);let o="dd/MM/yyyy";return"time"===e?o="dd/MM/yyyy HH:mm:ss":"week"===e&&(o="ccc dd/MM/yyyy HH:mm:ss"),u(s,o)}catch(t){return console.error("Error formatting date:",t.message),""}})({date:e,format:"ccc HH:mm"})},{title:()=>s("lottery-tipping-bullet-group",{theme:"text",bulletConfigContent:JSON.stringify(th)}),value:"results",width:5,render:(t,e,i)=>{var o,r;return s("lottery-tipping-bullet-group",{mode:this.mode,bulletConfigContent:JSON.stringify(null===(r=null===(o=this.bulletConfigLineGroup)||void 0===o?void 0:o[this.currentPage-1])||void 0===r?void 0:r[i]),"position-idx":`${this.currentPage-1}-${i}`})}}],this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.translationData=void 0,this.clientStylingUrlContent="",this.sessionId=void 0,this.endpoint="",this.gameId=void 0,this.drawId=void 0,this.totalPages=void 0,this.minTotalPages=0,this.maxTotalPages=0,this.mode="multi",this.readPretty=!1,this.defaultBulletConfigLineGroup=void 0,this.bulletConfigLineGroup=[[[]]],this.currentPage=1,this.isLoading=!0,this.hasErrors=!1,this.dialogConfig={visible:!1},this.ticketDataSource=[]}handleNewTranslations(){this.isLoading=!0,Ql(JSON.parse(this.translationUrl)),this.isLoading=!1}handleClientStylingChange(t,e){t!=e&&a(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&h(this.stylingContainer,`${this.mbSource}.Style`)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentWillLoad(){this.translationUrl&&Ql(JSON.parse(this.translationUrl))}componentDidLoad(){console.log(111,this.stylingContainer),this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&a(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}get parsedDefaultBulletConfigLineGroup(){if("string"==typeof this.defaultBulletConfigLineGroup&&this.defaultBulletConfigLineGroup)try{const t=JSON.parse(this.defaultBulletConfigLineGroup);return this.readPrettyHandler(t)}catch(t){return void console.error("Error parsing defaultBulletConfigLineGroup:",t)}}readPrettyHandler(t){return this.readPretty?(this.currentPage=1,this.minTotalPages=1,this.maxTotalPages=this.totalPages,null==t?void 0:t.map((t=>null==t?void 0:t.map((t=>null==t?void 0:t.map((t=>Object.assign(Object.assign({},t),{disabled:!0})))))))):t}initLineForBulletConfig(){var t;return Array.from({length:null===(t=this.ticketDataSource)||void 0===t?void 0:t.length},(()=>[...th]))}_resetBulletConfig(){this.bulletConfigLineGroup=Array.from({length:this.totalPages}).map(this.initLineForBulletConfig.bind(this))}fetchMatchData(){let t=new URL(`${this.endpoint}/games/${this.gameId}/draws/${this.drawId}/findDrawEvents`);this.gameId&&this.drawId&&(this.isLoading=!0,(t=>fetch(t).then((t=>t.json())))(t.href).then((t=>{this.ticketDataSource=t||[],this.isLoading=!1,this.parsedDefaultBulletConfigLineGroup&&this.parsedDefaultBulletConfigLineGroup.length>0?this.bulletConfigLineGroup=this.parsedDefaultBulletConfigLineGroup:this._resetBulletConfig()})).catch((t=>{this.isLoading=!1,this.hasErrors=!0,console.error("Error!",t)})))}connectedCallback(){this.fetchMatchData()}handleClearAll(){this._resetBulletConfig(),(({message:t,theme:e="success",position:i="top-end",duration:s=3e3})=>{customElements.get("vaadin-notification")||console.warn("vaadin-notification is not registered. Please ensure it is imported.");const o=document.createElement("vaadin-notification");o.renderer=e=>{e.textContent=t},o.duration=s,e&&o.setAttribute("theme",e),o.setAttribute("position",i),document.body.appendChild(o),o.opened=!0})({message:Zl("selectionCleared",this.language)}),this.lotteryTippingBulletBetEvent.emit({hasSelectBullet:!1})}async resetBulletConfig({minLineNumber:t,maxLineNumber:e,defaultBoards:i}){this.totalPages=i,this.minTotalPages=t,this.maxTotalPages=e,this.currentPage=1,this._resetBulletConfig(),this.lotteryTippingBulletBetEvent.emit({hasSelectBullet:!1})}lotteryTippingBulletGroupSelectionHandler(t){const{bulletConfigArr:e,positionIdx:i}=t.detail,[s,o]=i.split("-");this.bulletConfigLineGroup[s][o]=e,this.bulletConfigLineGroup=[...this.bulletConfigLineGroup],this.lotteryTippingBulletBetEvent.emit({hasSelectBullet:!0})}async getData(){return await this.validateBulletConfigLineGroup(),this.bulletConfigLineGroup}validateBulletConfigLineGroup(){if("[[[]]]"===JSON.stringify(this.bulletConfigLineGroup))return Promise.resolve(this.bulletConfigLineGroup);const t=this.bulletConfigLineGroup.length;return t!==this.totalPages||t<this.minTotalPages||t>this.maxTotalPages?(this._resetBulletConfig(),Promise.reject(new Error("Invalid bullet config line group length"))):Promise.resolve(this.bulletConfigLineGroup)}prevPage(){this.swapCard("prev",(()=>{this.currentPage>1&&this.currentPage--}))}nextPage(){this.swapCard("next",(()=>{this.currentPage<this.totalPages&&this.currentPage++}))}handleAddLine(){this.swapCard("add",(()=>{this.totalPages<=this.maxTotalPages-1&&(this.bulletConfigLineGroup.push(this.initLineForBulletConfig()),this.totalPages++,this.currentPage++,this.lotteryTippingBulletBetEvent.emit())}))}handleRemoveLine(){(()=>{if(this.totalPages>=this.minTotalPages+1){const t=()=>{this.dialogConfig={visible:!1}},e=()=>{this.bulletConfigLineGroup.splice(this.currentPage-1,1),this.totalPages--,1!==this.currentPage&&this.currentPage--,this.lotteryTippingBulletBetEvent.emit(),this.swapCard("remove",t)};this.dialogConfig={visible:!0,content:Zl("selectionOnLineCleared",this.language),onConfirm:e,onCancel:t}}})()}swapCard(t,e){const i=this.mainContainer;if(!i)return;const{out:s,in:o}={next:{out:"card-out-left",in:"card-in-left"},prev:{out:"card-out-right",in:"card-in-right"},remove:{out:"card-out-down",in:"card-in-right"},add:{out:"card-out-left",in:"card-in-up"}}[t];i.classList.add(s),i.addEventListener("animationend",(()=>{i.classList.remove(s),e();const t=this.mainContainer;t&&(t.classList.add(o),t.addEventListener("animationend",(()=>t.classList.remove(o)),{once:!0}))}),{once:!0})}handleCurrentPageChange(){this.lotteryTippingCurrentPageChangeEvent.emit({currentPage:this.currentPage})}render(){var t,e,o,r;const n=i("../static/loading.svg");if(this.isLoading)return s("div",{ref:t=>this.stylingContainer=t,class:"LotteryTippingTicketBet__container"},s("div",{class:"flex align-center gap-1"},s("p",null,Zl("loading",this.language)),s("img",{src:n})));if(this.hasErrors)return s("div",{ref:t=>this.stylingContainer=t,class:"LotteryTippingTicketBet__container"},s("p",null,Zl("error",this.language)));const a=({columns:t,dataSource:e,hideHead:i=!1,grid:o=!0,bordered:r=!0})=>s("table",{class:{bordered:r,grid:o,"my-table-component":!0}},!i&&s("thead",null,s("tr",null,t.map((t=>{var e;return s("th",{key:t.value,style:{width:t.width+"%",textAlign:t.align}},"string"==typeof t.title?t.title:null===(e=t.title)||void 0===e?void 0:e.call(t))})))),s("tbody",null,e.map(((e,i)=>s("tr",{key:i},t.map((t=>s("td",{key:t.value,style:{width:t.width+"%",textAlign:t.align},class:{"no-wrap":t.nowrap}},t.render?t.render(e,e[t.value],i):e[t.value])))))))),l=i("../static/delete.svg"),h=i("../static/add.svg"),c=i("../static/left-arrow.svg"),d=i("../static/right-arrow.svg"),u=this.totalPages<this.maxTotalPages&&this.currentPage===this.totalPages,p=this.totalPages>this.minTotalPages;return 0===this.ticketDataSource.length||0===this.minTotalPages||0===this.maxTotalPages?s("div",{class:"LotteryTippingTicketBet__container",ref:t=>this.stylingContainer=t},s("div",{class:"LotteryTippingTicketBet__empty"},s("p",null,Zl("noData",this.language)))):this.readPretty?s("div",{class:"LotteryTippingTicketBet__container",ref:t=>this.stylingContainer=t},s("div",{class:"LotteryTippingTicketBet__main",ref:t=>this.mainContainer=t},s(a,{columns:this.columns,dataSource:(null===(t=this.ticketDataSource)||void 0===t?void 0:t.map(((t,e)=>Object.assign(Object.assign({},t),{index:e+1}))))||[],hideHead:!1,grid:!1,bordered:!1}),this.totalPages>1&&s("div",null,s("div",{class:"border-line"}),s("div",{class:"LotteryTippingTicketBet__footer"},s("div",{class:"my-pagination flex justify-between"},s("span",null,Zl("lineInfo",this.language,{currentPage:this.currentPage,totalPages:this.totalPages})),s("div",{class:"flex gap-1"},s("span",{class:"btn "+(1===this.currentPage?"disabled":""),onClick:this.prevPage.bind(this)},s("img",{src:c})),s("span",{class:"btn "+(this.currentPage===this.totalPages?"disabled":""),onClick:this.nextPage.bind(this)},s("img",{src:d})))))))):s("div",{ref:t=>this.stylingContainer=t,class:"LotteryTippingTicketBet__container"},s("div",{class:"LotteryTippingTicketBet__tableToolbar flex justify-end gap-1"},s("button",{class:{"LotteryTippingTicketBet__tableToolbar--item":!0,"mr-0":!(u||p)},onClick:this.handleClearAll.bind(this)},Zl("clearAll",this.language))),s("div",{class:"flex align-center LotteryTippingTicketBet__main",ref:t=>this.mainContainer=t},s(a,{columns:this.columns,dataSource:(null===(e=this.ticketDataSource)||void 0===e?void 0:e.map(((t,e)=>Object.assign(Object.assign({},t),{index:e+1}))))||[],hideHead:!1,grid:!1,bordered:!1}),(u||p)&&s("div",{class:"LotteryTippingTicketBet__lineOperatorGroup"},u&&s("div",{class:{"LotteryTippingTicketBet__lineOperatorGroup--item":!0},onClick:this.handleAddLine.bind(this)},s("img",{src:h})),p&&s("div",{class:{"LotteryTippingTicketBet__lineOperatorGroup--item":!0},onClick:this.handleRemoveLine.bind(this)},s("img",{src:l})))),s("div",{class:"border-line"}),s("div",{class:"LotteryTippingTicketBet__footer"},s("div",{class:"my-pagination flex justify-between"},s("span",null,Zl("lineInfo",this.language,{currentPage:this.currentPage,totalPages:this.totalPages})),s("div",{class:"flex gap-1"},s("span",{class:"btn "+(1===this.currentPage?"disabled":""),onClick:this.prevPage.bind(this)},s("img",{src:c})),s("span",{class:"btn "+(this.currentPage===this.totalPages?"disabled":""),onClick:this.nextPage.bind(this)},s("img",{src:d}))))),this.dialogConfig.visible&&s("vaadin-confirm-dialog",{rejectButtonVisible:!0,rejectText:Zl("cancel",this.language),confirmText:Zl("confirm",this.language),opened:null===(o=this.dialogConfig)||void 0===o?void 0:o.visible,onConfirm:this.dialogConfig.onConfirm,onReject:this.dialogConfig.onCancel},null===(r=this.dialogConfig)||void 0===r?void 0:r.content))}static get assetsDirs(){return["../static"]}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],gameId:["fetchMatchData"],sessionId:["fetchMatchData"],drawId:["fetchMatchData"],currentPage:["handleCurrentPageChange"]}}};eh.style=".LotteryTippingTicketBet__container {\n display: block; /* Or inline-block, depending on desired layout flow */\n font-size: 14px;\n line-height: 1.5715;\n color: var(--emw--color-typography, #000);\n background: var(--emw--color-background, #fff);\n overflow: hidden;\n min-width: 300px;\n container-type: inline-size;\n}\n@container (max-width: 375px) {\n .LotteryTippingTicketBet__container {\n font-size: 12px;\n }\n}\n\n.table-wrapper {\n overflow-x: auto; /* Handle horizontal scroll if content overflows */\n}\n\n.my-table-component {\n width: 100%;\n border-collapse: collapse; /* Important for borders */\n text-align: left;\n border-radius: 0.1rem; /* Ant Design like subtle rounding */\n border-spacing: 0;\n}\n\n/* Header */\n.my-table-component th {\n background: var(--emw--color-background-secondary, #f5f5f5);\n color: var(--emw--color-typography, #000);\n font-weight: 500;\n padding: 0.4rem 0.5rem;\n transition: background 0.3s ease;\n}\n\n/* Cells */\n.my-table-component td {\n padding: 0.4rem 0.5rem;\n color: var(--emw--color-typography, #000);\n background: var(--emw--color-background, #fff);\n transition: background 0.3s;\n}\n@container (max-width: 400px) {\n .my-table-component td {\n padding: 0.3rem 0.3rem;\n }\n}\n\n.my-table-component.bordered th,\n.my-table-component.bordered td {\n border-bottom: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n\n/* Bordered style */\n.my-table-component.grid th,\n.my-table-component.grid td {\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n\n.my-table-component.grid th {\n border-bottom-width: 1px; /* Ensure bottom border is consistent */\n}\n\n.my-table-component.grid {\n border: 1px solid var(--emw--color-gray-100, #e6e6e6); /* Outer border */\n border-right-width: 0;\n border-bottom-width: 0;\n}\n\n.my-table-component.grid th:last-child,\n.my-table-component.grid td:last-child {\n border-right: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n\n.my-table-component.grid tr:last-child td {\n border-bottom: 1px solid var(--emw--color-gray-100, #e6e6e6);\n}\n\n/* Striped style */\n.my-table-component.striped tbody tr:nth-child(even) td {\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n}\n\n/* Hover (optional, but nice) */\n.my-table-component tbody tr:hover td {\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n}\n\n.flex {\n display: flex;\n}\n\n.justify-end {\n justify-content: flex-end;\n}\n\n.gap-1 {\n gap: 4px;\n}\n\n.justify-between {\n justify-content: space-between;\n}\n\n.align-center {\n align-items: center;\n}\n\n.gap-1 {\n gap: 0.5rem;\n}\n\n.btn {\n color: var(--emw--color-typography, #000);\n background: var(--emw--color-background, #fff);\n font-size: 14px;\n transition: all 0.2s ease;\n}\n.btn:hover {\n cursor: pointer;\n}\n\n.btn:hover {\n background-color: var(--emw--color-gray-100, #e6e6e6);\n}\n\n.btn.disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n.btn.disabled:hover {\n cursor: not-allowed !important;\n}\n\n.LotteryTippingTicketBet__tableToolbar {\n width: 100%;\n margin-bottom: 1rem;\n}\n\n.LotteryTippingTicketBet__tableToolbar--item {\n background-color: transparent;\n cursor: pointer;\n font-weight: 500;\n white-space: nowrap;\n display: inline-flex;\n border-radius: 1.6rem;\n border: 1px solid var(--emw--color-gray-100, #e6e6e6);\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-left: 1rem;\n padding-right: 1rem;\n margin-right: 2rem;\n color: var(--emw--color-typography, #000);\n}\n.LotteryTippingTicketBet__tableToolbar--item.mr-0 {\n margin-right: 0rem !important;\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup {\n flex-basis: 2rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n border-radius: 8px;\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup--item {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 2rem;\n height: 2rem;\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n color: var(--emw--color-typography, #000);\n border-radius: 8px;\n transition: all 0.2s ease-in-out;\n cursor: pointer;\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup--item:hover {\n transform: scale(1.1);\n box-shadow: 0 6px 14px var(--emw-calender-curday-box-shadow, rgba(0, 0, 0, 0.09));\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup--item img {\n width: 20px;\n height: 20px;\n transition: filter 0.2s ease-in-out;\n filter: grayscale(0.3);\n}\n\n.LotteryTippingTicketBet__lineOperatorGroup--item:hover img {\n filter: grayscale(0);\n transform: rotate(3deg);\n}\n\ndiv.border-line {\n margin-top: 1rem;\n height: 1px;\n width: 100%;\n box-sizing: border-box;\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n transition: all 0.3s ease;\n}\n\n.LotteryTippingTicketBet__footer {\n padding: 0.5rem;\n}\n\n.my-pagination {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n font-size: 0.8rem;\n color: var(--emw--color-typography-secondary, #333);\n}\n\n.my-pagination span {\n font-weight: 500;\n user-select: none;\n}\n\n.my-pagination .btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n transition: all 0.3s ease;\n cursor: pointer;\n opacity: 0.9;\n color: var(--emw--color-typography, #000);\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n}\n\n.my-pagination .btn img {\n width: 20px;\n height: 20px;\n transition: transform 0.2s ease;\n}\n\n.my-pagination .btn:hover {\n transform: scale(1.1);\n box-shadow: 0 6px 14px var(--emw-calender-curday-box-shadow, rgba(0, 0, 0, 0.09));\n}\n\n.my-pagination .btn.disabled {\n background-color: var(--emw--color-background-tertiary, #ccc);\n cursor: not-allowed;\n opacity: 0.5;\n transform: scale(1);\n}\n\n.match-info-item {\n display: flex;\n}\n\n.match-info-item-label {\n margin-right: 6px;\n}\n\n.info-icon:hover {\n cursor: pointer;\n}\n\n.LotteryTippingTicketBet__empty p {\n text-align: center;\n}\n\n.no-wrap {\n white-space: nowrap;\n overflow: hidden;\n}\n\n.eventNameContainer__item {\n line-height: 1rem;\n}\n.eventNameContainer__item--title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 300px;\n}\n@container (max-width: 600px) {\n .eventNameContainer__item--title {\n max-width: 180px;\n }\n}\n@container (max-width: 500px) {\n .eventNameContainer__item--title {\n max-width: 150px;\n }\n}\n@container (max-width: 400px) {\n .eventNameContainer__item--title {\n max-width: 100px;\n }\n}\n@container (max-width: 330px) {\n .eventNameContainer__item--title {\n max-width: 70px;\n }\n}\n\n.LotteryTippingTicketBet__main {\n perspective: 800px;\n will-change: transform, opacity;\n backface-visibility: hidden;\n}\n\n@container (max-width: 520px) {\n .LotteryTippingTicketBet__main {\n flex-wrap: wrap;\n justify-content: center;\n }\n .LotteryTippingTicketBet__tableToolbar--item {\n margin-right: 0 !important;\n }\n}\n/* Fade-In Keyframes */\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n/* Fade-Out Keyframes */\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(-100%);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(100%);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@-webkit-keyframes slide-left {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 100% {\n -webkit-transform: translateX(-100px);\n transform: translateX(-100px);\n }\n}\n@keyframes slide-left {\n 0% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n }\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n }\n}\n@-webkit-keyframes slide-right {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n }\n 100% {\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n }\n}\n@keyframes slide-right {\n 0% {\n -webkit-transform: translateX(-100px);\n transform: translateX(-100px);\n }\n 100% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n@-webkit-keyframes slide-top {\n 0% {\n -webkit-transform: translateY(-100px);\n transform: translateY(-100px);\n }\n 100% {\n -webkit-transform: translateY(0px);\n transform: translateY(0px);\n }\n}\n@keyframes slide-top {\n 0% {\n -webkit-transform: translateY(-100px);\n transform: translateY(-100px);\n }\n 100% {\n -webkit-transform: translateY(0px);\n transform: translateY(0px);\n }\n}\n/* Apply to your card classes */\n.card-in-left {\n -webkit-animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.card-out-left {\n animation: fadeOut 0.2s ease-out both;\n}\n\n.card-in-right {\n -webkit-animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.card-out-right {\n animation: fadeOut 0.2s ease-out both;\n}\n\n.card-in-up {\n -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.card-out-down {\n animation: fadeOut 0.2s ease-out both;\n}";export{k as general_multi_select,C as general_tooltip,S as lottery_tipping_bullet,A as lottery_tipping_bullet_group,D as lottery_tipping_dialog,Ul as lottery_tipping_filter,ql as lottery_tipping_pagination,Kl as lottery_tipping_panel,eh as lottery_tipping_ticket_bet}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{L as LotteryTippingTicketHistory}from"./lottery-tipping-ticket-history-
|
|
1
|
+
export{L as LotteryTippingTicketHistory}from"./lottery-tipping-ticket-history-94060ab4.js";import"./index-4e926388.js";
|