@everymatrix/lottery-tipping-latest-result 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-tooltip_6.cjs.entry.js +21 -16
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{lottery-tipping-latest-result-eb6079d2.js → lottery-tipping-latest-result-7b188519.js} +1 -1
- package/dist/collection/components/lottery-tipping-calendar/lottery-tipping-calendar.css +12 -6
- package/dist/collection/components/lottery-tipping-calendar/lottery-tipping-calendar.js +3 -3
- package/dist/collection/components/lottery-tipping-latest-result/lottery-tipping-latest-result.css +15 -7
- package/dist/esm/general-tooltip_6.entry.js +22 -17
- package/dist/esm/index.js +1 -1
- package/dist/esm/{lottery-tipping-latest-result-2a3ba354.js → lottery-tipping-latest-result-c2ddceed.js} +1 -1
- package/dist/lottery-tipping-latest-result/general-tooltip_6.entry.js +9 -8
- package/dist/lottery-tipping-latest-result/index.esm.js +1 -1
- package/dist/lottery-tipping-latest-result/{lottery-tipping-latest-result-2a3ba354.js → lottery-tipping-latest-result-c2ddceed.js} +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a4e4eb03.js');
|
|
6
|
-
const lotteryTippingLatestResult = require('./lottery-tipping-latest-result-
|
|
6
|
+
const lotteryTippingLatestResult = require('./lottery-tipping-latest-result-7b188519.js');
|
|
7
7
|
|
|
8
8
|
// This icon file is generated automatically.
|
|
9
9
|
var CalendarOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z" } }] }, "name": "calendar", "theme": "outlined" };
|
|
@@ -2393,7 +2393,7 @@ function validateTimezone(_hours, minutes) {
|
|
|
2393
2393
|
return minutes >= 0 && minutes <= 59;
|
|
2394
2394
|
}
|
|
2395
2395
|
|
|
2396
|
-
const generalTooltipCss = ".general-tooltip-wrapper{display:inline-block;position:relative;line-height:0}.general-tooltip-container{display:contents;}.general-tooltip-popup{position:absolute;
|
|
2396
|
+
const generalTooltipCss = ".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}";
|
|
2397
2397
|
const GeneralTooltipStyle0 = generalTooltipCss;
|
|
2398
2398
|
|
|
2399
2399
|
const GeneralTooltip = class {
|
|
@@ -2477,7 +2477,7 @@ const GeneralTooltip = class {
|
|
|
2477
2477
|
};
|
|
2478
2478
|
GeneralTooltip.style = GeneralTooltipStyle0;
|
|
2479
2479
|
|
|
2480
|
-
const lotteryTippingBulletCss = ".LotteryTippingBullet__segment{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:16px;line-height:1;font-weight:500;color:var(--emw--color-
|
|
2480
|
+
const lotteryTippingBulletCss = ".LotteryTippingBullet__segment{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:16px;line-height:1;font-weight:500;color:var(--emw--color-typography, #000);background:var(--emw--color-background, #fff);border:1px solid var(--emw--color-gray-100, #e6e6e6);border-radius:6px;cursor:pointer;transition:all 0.2s ease;user-select:none}.LotteryTippingBullet__segment:not(.LotteryTippingBullet__segment--disabled):hover{cursor:pointer;animation:jelly 0.3s ease-in-out;transform:scale(1.02)}.LotteryTippingBullet__segment--text{border:none;color:var(--emw--color-typography, #000);background:transparent;font-weight:400}.LotteryTippingBullet__segment--text:hover{cursor:not-allowed !important}.LotteryTippingBullet__segment--active{font-weight:600;background-color:var(--emw--color-background-inverse, #000);color:var(--emw--color-primary, #fed275)}.LotteryTippingBullet__segment--disabled:not(.LotteryTippingBullet__segment--active){background-color:var(--emw--color-background-tertiary, #ccc);color:var(--emw--color-gray-150, #6f6f6f);border-color:var(--emw--color-gray-100, #e6e6e6)}.LotteryTippingBullet__segment--disabled:hover{cursor:not-allowed}@keyframes jelly{0%{transform:translate(0, 0)}20%{transform:translate(-0.5px, -0.5px)}40%{transform:translate(0.5px, 0.5px)}60%{transform:translate(-0.25px, -0.25px)}80%{transform:translate(0.25px, 0.25px)}100%{transform:translate(0, 0)}}";
|
|
2481
2481
|
const LotteryTippingBulletStyle0 = lotteryTippingBulletCss;
|
|
2482
2482
|
|
|
2483
2483
|
const LotteryTippingBullet = class {
|
|
@@ -8728,6 +8728,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
8728
8728
|
overflow: hidden;
|
|
8729
8729
|
min-width: var(--lumo-size-m);
|
|
8730
8730
|
-webkit-user-select: none;
|
|
8731
|
+
-moz-user-select: none;
|
|
8731
8732
|
user-select: none;
|
|
8732
8733
|
--_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
|
|
8733
8734
|
--_focus-ring-width: var(--vaadin-focus-ring-width, 2px);
|
|
@@ -8937,11 +8938,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
8937
8938
|
}
|
|
8938
8939
|
`,{moduleId:"lumo-tab"});/**
|
|
8939
8940
|
* @license
|
|
8940
|
-
* Copyright (c) 2017 -
|
|
8941
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
8941
8942
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
8942
8943
|
*/const hh=s=>class extends $r(s){ready(){super.ready(),this.setAttribute("role","tab");}_onKeyUp(e){const i=this.hasAttribute("active");if(super._onKeyUp(e),i){const o=this.querySelector("a");o&&o.click();}}};/**
|
|
8943
8944
|
* @license
|
|
8944
|
-
* Copyright (c) 2017 -
|
|
8945
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
8945
8946
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
8946
8947
|
*/const uh=p`
|
|
8947
8948
|
:host {
|
|
@@ -8964,7 +8965,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
8964
8965
|
}
|
|
8965
8966
|
`;/**
|
|
8966
8967
|
* @license
|
|
8967
|
-
* Copyright (c) 2017 -
|
|
8968
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
8968
8969
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
8969
8970
|
*/m("vaadin-tab",uh,{moduleId:"vaadin-tab-styles"});class ph extends N(x(hh(F(b)))){static get template(){return g`
|
|
8970
8971
|
<slot></slot>
|
|
@@ -9209,11 +9210,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
9209
9210
|
}
|
|
9210
9211
|
`,{moduleId:"lumo-tabs"});/**
|
|
9211
9212
|
* @license
|
|
9212
|
-
* Copyright (c) 2017 -
|
|
9213
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
9213
9214
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
9214
9215
|
*/const mh=s=>class extends Vr(Ur(s)){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"),Ji(this,()=>{this._updateOverflow();});}_onResize(){this._updateOverflow();}__tabsItemsChanged(e){this.__itemsResizeObserver.disconnect(),(e||[]).forEach(i=>{this.__itemsResizeObserver.observe(i);}),this._updateOverflow();}_scrollForward(){const e=this._getNavigationButtonVisibleWidth("forward-button"),i=this._getNavigationButtonVisibleWidth("back-button"),o=this._scrollerElement.getBoundingClientRect(),n=[...this.items].reverse().find(c=>this._isItemVisible(c,e,i,o)).getBoundingClientRect(),l=20+this.shadowRoot.querySelector('[part="back-button"]').clientWidth;let d;if(this.__isRTL){const c=o.right-l;d=n.right-c;}else {const c=o.left+l;d=n.left-c;}-this.__direction*d<1&&(d=-this.__direction*(this._scrollOffset-l)),this._scroll(d);}_scrollBack(){const e=this._getNavigationButtonVisibleWidth("forward-button"),i=this._getNavigationButtonVisibleWidth("back-button"),o=this._scrollerElement.getBoundingClientRect(),n=this.items.find(c=>this._isItemVisible(c,e,i,o)).getBoundingClientRect(),l=20+this.shadowRoot.querySelector('[part="forward-button"]').clientWidth;let d;if(this.__isRTL){const c=o.left+l;d=n.left-c;}else {const c=o.right-l;d=n.right-c;}this.__direction*d<1&&(d=this.__direction*(this._scrollOffset-l)),this._scroll(d);}_isItemVisible(e,i,o,r){if(this._vertical)throw new Error("Visibility check is only supported for horizontal tabs.");const n=this.__isRTL?o:i,a=this.__isRTL?i:o,l=r.right-n,d=r.left+a,c=e.getBoundingClientRect();return l>Math.floor(c.left)&&d<Math.ceil(c.right)}_getNavigationButtonVisibleWidth(e){const i=this.shadowRoot.querySelector(`[part="${e}"]`);return window.getComputedStyle(i).opacity==="0"?0:i.clientWidth}_updateOverflow(){const e=this._vertical?this._scrollerElement.scrollTop:Hr(this._scrollerElement,this.getAttribute("dir")),i=this._vertical?this._scrollerElement.scrollHeight:this._scrollerElement.scrollWidth;let o=Math.floor(e)>1?"start":"";Math.ceil(e)<Math.ceil(i-this._scrollOffset)&&(o+=" end"),this.__direction===1&&(o=o.replace(/start|end/giu,r=>r==="start"?"end":"start")),o?this.setAttribute("overflow",o.trim()):this.removeAttribute("overflow");}};/**
|
|
9215
9216
|
* @license
|
|
9216
|
-
* Copyright (c) 2017 -
|
|
9217
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
9217
9218
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
9218
9219
|
*/const fh=p`
|
|
9219
9220
|
:host {
|
|
@@ -9293,7 +9294,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
9293
9294
|
}
|
|
9294
9295
|
`;/**
|
|
9295
9296
|
* @license
|
|
9296
|
-
* Copyright (c) 2017 -
|
|
9297
|
+
* Copyright (c) 2017 - 2024 Vaadin Ltd.
|
|
9297
9298
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
9298
9299
|
*/m("vaadin-tabs",fh,{moduleId:"vaadin-tabs-styles"});class _h extends mh(N(x(b))){static get template(){return g`
|
|
9299
9300
|
<div on-click="_scrollBack" part="back-button" aria-hidden="true"></div>
|
|
@@ -9305,11 +9306,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
9305
9306
|
<div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
|
|
9306
9307
|
`}static get is(){return "vaadin-tabs"}}v(_h);
|
|
9307
9308
|
|
|
9308
|
-
const lotteryTippingCalendarCss = ".lottery-tipping-calendar{position:relative;display:inline-block}.calendar-visible{opacity:1;visibility:visible}.calendar-leave{opacity:0;visibility:hidden}.calendar{position:absolute;top:40px;left:-50%;background:var(--emw--color-background, #fff);color:var(--emw--color-
|
|
9309
|
+
const lotteryTippingCalendarCss = ".lottery-tipping-calendar{position:relative;display:inline-block}.calendar-visible{opacity:1;visibility:visible}.calendar-leave{opacity:0;visibility:hidden}.calendar{position:absolute;top:40px;left:-50%;background:var(--emw--color-background, #fff);color:var(--emw--color-typography-secondary, #6f6f6f);padding:16px;width:fit-content;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:var(--emw--border-radius-small, 4px);box-shadow:2px 3px 5px rgba(0, 0, 0, 0.1);cursor:pointer;transition:opacity 0.2s ease, visibility 0.2s ease;z-index:99}.calendar-header{display:flex;align-items:center}.calendar-header .date-picker{display:flex;margin:0 18px;align-items:center}.calendar-header .date-picker-delimiter{font-size:16px;margin:auto 4px}.calendar-header .month-plus,.calendar-header .month-minus,.calendar-header .year-plus,.calendar-header .year-minus{cursor:pointer;font-size:14px}.calendar-header .month-plus:hover,.calendar-header .month-minus:hover,.calendar-header .year-plus:hover,.calendar-header .year-minus:hover{color:var(--emw-pool-game-acition-active, #005fdb);transition:color 0.2s}.calendar-header .year-minus,.calendar-header .month-plus{margin-right:6px}.calendar-content{padding:3px;width:fix-content}.calendar-content .day-item{text-align:center;line-height:40px;cursor:not-allowed;position:relative;pointer-events:none}.calendar-content .day-item:hover{background-color:var(--emw--color-background-secondary, #f5f5f5)}.calendar-content .day-item.isCurDay{border-radius:4px;background:var(--emw--color-secondary, #fff3b9);background-size:50%;color:var(--emw--color-typography-secondary, #6f6f6f);font-weight:600;box-shadow:2px 2px 2px var(--emw-calender-curday-box-shadow, rgba(0, 0, 0, 0.09));cursor:pointer;pointer-events:all}.calendar-content .day-item.isHighLight{cursor:pointer;pointer-events:all}.calendar-content .day-item.isHighLight::after{content:\"\";position:absolute;left:calc(50% - 4px);bottom:0;width:6px;height:6px;border-radius:50%;background-color:var(--emw--color-error, red)}.calendar-content-week{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(1, 36px);justify-items:center;align-items:center;border-bottom:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));color:var(--emw--color-typography-secondary, #6f6f6f)}.calendar-content-day{margin-top:4px;display:grid;grid-template-rows:repeat(6, 40px);grid-template-columns:repeat(7, 40px)}.calling-input{height:36px;width:160px;display:flex;align-items:center;justify-content:space-between;padding:0px 4px;background-color:var(--emw--color-background, #f5f5f5);border-radius:var(--emw--border-radius-small, 4px);border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));cursor:pointer}.calling-input .input{color:var(--emw--color-typography, #000)}.calling-input-text{color:var(--emw--color-typography, #000)}.calling-input-icon svg{fill:var(--emw--color-secondary, #fff3b9)}";
|
|
9309
9310
|
const LotteryTippingCalendarStyle0 = lotteryTippingCalendarCss;
|
|
9310
9311
|
|
|
9311
9312
|
const calendarIcon = lotteryTippingLatestResult.renderIconDefinitionToSVGElement(CalendarOutlined$1, {
|
|
9312
|
-
extraSVGAttrs: { width: '18px', height: '18px'
|
|
9313
|
+
extraSVGAttrs: { width: '18px', height: '18px' }
|
|
9313
9314
|
});
|
|
9314
9315
|
const LotteryTippingCalendar = class {
|
|
9315
9316
|
constructor(hostRef) {
|
|
@@ -9484,9 +9485,9 @@ const LotteryTippingCalendar = class {
|
|
|
9484
9485
|
}
|
|
9485
9486
|
render() {
|
|
9486
9487
|
const calendarClass = ['calendar', this.showCalendar ? 'calendar-visible' : 'calendar-leave'];
|
|
9487
|
-
return (index.h("div", { key: '
|
|
9488
|
+
return (index.h("div", { key: '40cec47319dc0ad95980e710c074c5a28c2ab456', class: "lottery-tipping-calendar", ref: (el) => (this.calendarRef = el) }, index.h("div", { key: '87b1ea72a5c28c69290b613ffa7af8696ffcaab3', class: "calling-input", onClick: () => {
|
|
9488
9489
|
this.showCalendar = true;
|
|
9489
|
-
} }, index.h("div", { key: '
|
|
9490
|
+
} }, index.h("div", { key: '8014304a1c19467598f7d324f013e36da10807a1', class: "calling-input-text" }, this.showFormatedDate(this.curDate)), index.h("div", { key: '4bb3276c543343b971f3ae983a8666435ff0c05f', class: "calling-input-icon", innerHTML: calendarIcon })), index.h("div", { key: 'e9caf41eecd8989189c2badfc087828ffdf37bb5', class: calendarClass.join(' ') }, index.h("div", { key: '1c19085aae79e7678065ef7023d4a3ef27cac70b', class: "calendar-header" }, index.h("div", { key: 'caffe869fc67dc21299bfcd034b057f931258c84', class: "date-controller year-minus", onClick: this.onYearMinus }, "<"), index.h("div", { key: '6e553067cbaf25c692fa7e081dd437db48588516', class: "date-controller month-minus", onClick: this.onMonthMinus }, "<"), index.h("div", { key: '45b29397f39b4d440c4e2a5f73dd9e1c3aae462d', class: "date-picker" }, index.h("div", { key: 'bdd6b7aca5884d08ce0c2703c36e714c88b99487', class: "date-picker-year" }, index.h("vaadin-select", { key: '0239f1a1f0304d8e8db341286a71cf921a524d2c', items: this.yearOptions, value: this.alterDate.year, style: { '--vaadin-field-default-width': '90px' }, "on-value-changed": this.onYearChange.bind(this) })), index.h("div", { key: 'd040dec3f9ca8f31ee7fe7bb7f6535132e00b5f9', class: "date-picker-delimiter" }, "-"), index.h("div", { key: 'f62dae4dfb9e5709b0b27eaa2046107220520a6a', class: "date-picker-month" }, index.h("vaadin-select", { key: 'c3ce598b7ba19059fa0b97e495db46a26798a6af', items: this.monthOptions, value: this.alterDate.month + 1, style: { '--vaadin-field-default-width': '64px' }, "on-value-changed": this.onMonthChange.bind(this) })), index.h("div", { key: '8c3e63306a284c3a4026789a0f0e9f3677498747', class: "date-picker-delimiter" }, "-"), index.h("div", { key: '93d1716b68a80943193dc4f82442ae91ec769c46', class: "date-picker-day" }, this.alterDate.day)), index.h("div", { key: 'b14ba540468c8e152ace46f113e233a7a52c64e2', class: "date-controller month-plus", onClick: this.onMonthPlus }, ">"), index.h("div", { key: '3ace715a066c50a65f8dfc6c45f82d992c0be7f1', class: "date-controller year-plus", onClick: this.onYearPlus }, ">")), index.h("div", { key: '698402dcef3d815561e00077c6fa6c70e9d229ff', class: "calendar-content" }, index.h("div", { key: '37c9d09bade72010f4ad9daf7bdc669fea42f678', class: "calendar-content-week" }, this.weeks.map((week) => (index.h("div", { class: "week-item" }, week)))), index.h("div", { key: '13029ff486fb7acbb9f43ab29b7ea5204fcb2a43', class: "calendar-content-day" }, this.days.map((item) => (index.h("div", { class: {
|
|
9490
9491
|
'day-item': true,
|
|
9491
9492
|
isCurDay: this.tellIsCurDay(item.date, item.month, item.year),
|
|
9492
9493
|
isHighLight: this.tellIsHighLight(item.date, item.month, item.year)
|
|
@@ -9633,7 +9634,7 @@ const showNotification = ({ message, theme = 'success', position = 'top-end', du
|
|
|
9633
9634
|
notification.opened = true;
|
|
9634
9635
|
};
|
|
9635
9636
|
|
|
9636
|
-
const lotteryTippingTicketBetCss = ".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-
|
|
9637
|
+
const lotteryTippingTicketBetCss = ".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}";
|
|
9637
9638
|
const LotteryTippingTicketBetStyle0 = lotteryTippingTicketBetCss;
|
|
9638
9639
|
|
|
9639
9640
|
const LotteryTippingTicketBet = class {
|
|
@@ -9713,12 +9714,16 @@ const LotteryTippingTicketBet = class {
|
|
|
9713
9714
|
lotteryTippingLatestResult.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
9714
9715
|
}
|
|
9715
9716
|
}
|
|
9717
|
+
disconnectedCallback() {
|
|
9718
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
9719
|
+
}
|
|
9716
9720
|
componentWillLoad() {
|
|
9717
9721
|
if (this.translationUrl) {
|
|
9718
9722
|
getTranslations(JSON.parse(this.translationUrl));
|
|
9719
9723
|
}
|
|
9720
9724
|
}
|
|
9721
9725
|
componentDidLoad() {
|
|
9726
|
+
console.log(111, this.stylingContainer);
|
|
9722
9727
|
if (this.stylingContainer) {
|
|
9723
9728
|
if (this.mbSource)
|
|
9724
9729
|
lotteryTippingLatestResult.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
@@ -9908,10 +9913,10 @@ const LotteryTippingTicketBet = class {
|
|
|
9908
9913
|
var _a, _b, _c, _d;
|
|
9909
9914
|
const loadingImagePath = index.getAssetPath('../static/loading.svg');
|
|
9910
9915
|
if (this.isLoading) {
|
|
9911
|
-
return (index.h("div", { class: "flex align-center gap-1" }, index.h("p", null, translate('loading', this.language)), index.h("img", { src: loadingImagePath })));
|
|
9916
|
+
return (index.h("div", { ref: (el) => (this.stylingContainer = el), class: "LotteryTippingTicketBet__container" }, index.h("div", { class: "flex align-center gap-1" }, index.h("p", null, translate('loading', this.language)), index.h("img", { src: loadingImagePath }))));
|
|
9912
9917
|
}
|
|
9913
9918
|
if (this.hasErrors) {
|
|
9914
|
-
return (index.h("div",
|
|
9919
|
+
return (index.h("div", { ref: (el) => (this.stylingContainer = el), class: "LotteryTippingTicketBet__container" }, index.h("p", null, translate('error', this.language))));
|
|
9915
9920
|
}
|
|
9916
9921
|
const MyTable = ({ columns, dataSource, hideHead = false, grid = true, bordered = true }) => (index.h("table", { class: { bordered: bordered, grid: grid, 'my-table-component': true } }, !hideHead && (index.h("thead", null, index.h("tr", null, columns.map((column) => {
|
|
9917
9922
|
var _a;
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const lotteryTippingLatestResult = require('./lottery-tipping-latest-result-
|
|
5
|
+
const lotteryTippingLatestResult = require('./lottery-tipping-latest-result-7b188519.js');
|
|
6
6
|
require('./index-a4e4eb03.js');
|
|
7
7
|
|
|
8
8
|
|
|
@@ -431,7 +431,7 @@ const getTranslations = (data) => {
|
|
|
431
431
|
});
|
|
432
432
|
};
|
|
433
433
|
|
|
434
|
-
const lotteryTippingLatestResultCss = ".lottery-tipping-latest-result {\n padding: 16px;\n container-type: inline-size;\n}\n.lottery-tipping-latest-result .date-selection {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 24px;\n width: 400px;\n}\n.lottery-tipping-latest-result .date-selection-leftIcon, .lottery-tipping-latest-result .date-selection-rightIcon {\n cursor: pointer;\n}\n\n.LotteryTippingTicketController__segmented-control {\n height: 2.2rem;\n display: inline-flex;\n background-color: var(--emw--color-
|
|
434
|
+
const lotteryTippingLatestResultCss = ".lottery-tipping-latest-result {\n padding: 16px;\n container-type: inline-size;\n background-color: var(--emw--color-background, #fff);\n}\n.lottery-tipping-latest-result .date-selection {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 24px;\n width: 400px;\n}\n.lottery-tipping-latest-result .date-selection-leftIcon, .lottery-tipping-latest-result .date-selection-rightIcon {\n cursor: pointer;\n}\n\n.LotteryTippingTicketController__segmented-control {\n height: 2.2rem;\n display: inline-flex;\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n border-radius: 2rem;\n padding: 0.2rem;\n}\n.LotteryTippingTicketController__segment {\n background-color: transparent;\n border: none;\n padding: 0.3rem 0.8rem;\n cursor: pointer;\n font-weight: 500;\n border-radius: 2rem;\n outline: none;\n transition: background-color 0.25s ease, color 0.25s ease;\n white-space: nowrap;\n color: var(--emw--color-typography, #000);\n}\n.LotteryTippingTicketController__segment--active {\n background-color: var(--emw--color-background, #fff);\n color: var(--emw--color-typography, #000);\n font-weight: 600;\n}\n.LotteryTippingTicketController__segment:not(.LotteryTippingTicketController__segment--active):hover {\n background-color: var(--emw--color-background-tertiary, #ccc);\n}\n\n.betting-type {\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 20px;\n}\n.betting-type-title {\n font-weight: 600;\n font-size: 16px;\n color: var(--emw--color-typography-secondary, #333);\n}\n.betting-type-text {\n font-size: 16px;\n}\n\n.result-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 60%;\n margin: 0 auto;\n}\n.result-wrapper .winning-result {\n width: 100%;\n margin-top: 20px;\n}\n.result-wrapper .prize-result {\n width: 100%;\n margin-top: 20px;\n}\n.result-wrapper .prize-result-title {\n font-size: 16px;\n font-weight: 600;\n margin-bottom: 12px;\n color: var(--emw--color-typography-secondary, #333);\n}\n.result-wrapper .prize-result-table {\n width: 100%;\n}\n.result-wrapper .prize-result-table-row {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n}\n.result-wrapper .prize-result-table-column {\n text-align: left;\n padding: 12px 14px;\n width: 160px;\n font-size: 14px;\n width: calc((100% - 2px) / 3);\n color: var(--emw--color-typography, #000);\n}\n.result-wrapper .prize-result-table-header {\n width: 100%;\n background-color: var(--emw--color-background-secondary, #e6e6e6);\n border-radius: 4px;\n}\n.result-wrapper .prize-result-table-body {\n background-color: var(--emw--color-background-tertiary, #fff);\n}\n.result-wrapper .prize-result-table .prize-result-table-header .prize-result-table-column {\n color: var(--emw--color-typography, #000);\n font-weight: 600;\n border-right: 1px solid var(--emw--color-background, #fff);\n}\n.result-wrapper .prize-result-table .prize-result-table-body .prize-result-table-row:hover {\n color: var(--emw--color-typography, #000);\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n}\n\n@container (max-width: 980px) and (min-width: 780px) {\n .result-wrapper {\n width: 84%;\n }\n}\n@container (max-width: 780px) and (min-width: 480px) {\n .result-wrapper {\n width: 100%;\n }\n}\n@container (max-width: 480px) {\n .result-wrapper {\n width: 100%;\n }\n .result-wrapper .winning-result {\n width: 100%;\n margin-top: 14px;\n }\n .result-wrapper .prize-result {\n width: 100%;\n }\n .result-wrapper .prize-result-table-column {\n padding: 6px;\n width: 100px;\n }\n}";
|
|
435
435
|
const LotteryTippingLatestResultStyle0 = lotteryTippingLatestResultCss;
|
|
436
436
|
|
|
437
437
|
const leftArrowIcon = renderIconDefinitionToSVGElement(LeftOutlined$1, {
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
top: 40px;
|
|
19
19
|
left: -50%;
|
|
20
20
|
background: var(--emw--color-background, #fff);
|
|
21
|
-
color: var(--emw--color-
|
|
21
|
+
color: var(--emw--color-typography-secondary, #6f6f6f);
|
|
22
22
|
padding: 16px;
|
|
23
23
|
width: fit-content;
|
|
24
24
|
border: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));
|
|
@@ -71,13 +71,13 @@
|
|
|
71
71
|
pointer-events: none;
|
|
72
72
|
}
|
|
73
73
|
.calendar-content .day-item:hover {
|
|
74
|
-
background-color: var(--emw--color-
|
|
74
|
+
background-color: var(--emw--color-background-secondary, #f5f5f5);
|
|
75
75
|
}
|
|
76
76
|
.calendar-content .day-item.isCurDay {
|
|
77
77
|
border-radius: 4px;
|
|
78
78
|
background: var(--emw--color-secondary, #fff3b9);
|
|
79
79
|
background-size: 50%;
|
|
80
|
-
color: var(--emw--color-
|
|
80
|
+
color: var(--emw--color-typography-secondary, #6f6f6f);
|
|
81
81
|
font-weight: 600;
|
|
82
82
|
box-shadow: 2px 2px 2px var(--emw-calender-curday-box-shadow, rgba(0, 0, 0, 0.09));
|
|
83
83
|
cursor: pointer;
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
justify-items: center;
|
|
105
105
|
align-items: center;
|
|
106
106
|
border-bottom: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));
|
|
107
|
-
color: var(--emw--color-
|
|
107
|
+
color: var(--emw--color-typography-secondary, #6f6f6f);
|
|
108
108
|
}
|
|
109
109
|
.calendar-content-day {
|
|
110
110
|
margin-top: 4px;
|
|
@@ -120,11 +120,17 @@
|
|
|
120
120
|
align-items: center;
|
|
121
121
|
justify-content: space-between;
|
|
122
122
|
padding: 0px 4px;
|
|
123
|
-
background-color: var(--emw--color-
|
|
123
|
+
background-color: var(--emw--color-background, #f5f5f5);
|
|
124
124
|
border-radius: var(--emw--border-radius-small, 4px);
|
|
125
125
|
border: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));
|
|
126
126
|
cursor: pointer;
|
|
127
127
|
}
|
|
128
128
|
.calling-input .input {
|
|
129
|
-
color: var(--emw--color-
|
|
129
|
+
color: var(--emw--color-typography, #000);
|
|
130
|
+
}
|
|
131
|
+
.calling-input-text {
|
|
132
|
+
color: var(--emw--color-typography, #000);
|
|
133
|
+
}
|
|
134
|
+
.calling-input-icon svg {
|
|
135
|
+
fill: var(--emw--color-secondary, #fff3b9);
|
|
130
136
|
}
|
|
@@ -4,7 +4,7 @@ import { CalendarOutlined } from "@ant-design/icons-svg";
|
|
|
4
4
|
import { renderIconDefinitionToSVGElement } from "@ant-design/icons-svg/es/helpers";
|
|
5
5
|
import { translate, getTranslations } from "../../utils/locale.utils";
|
|
6
6
|
const calendarIcon = renderIconDefinitionToSVGElement(CalendarOutlined, {
|
|
7
|
-
extraSVGAttrs: { width: '18px', height: '18px'
|
|
7
|
+
extraSVGAttrs: { width: '18px', height: '18px' }
|
|
8
8
|
});
|
|
9
9
|
export class LotteryTippingCalendar {
|
|
10
10
|
constructor() {
|
|
@@ -177,9 +177,9 @@ export class LotteryTippingCalendar {
|
|
|
177
177
|
}
|
|
178
178
|
render() {
|
|
179
179
|
const calendarClass = ['calendar', this.showCalendar ? 'calendar-visible' : 'calendar-leave'];
|
|
180
|
-
return (h("div", { key: '
|
|
180
|
+
return (h("div", { key: '40cec47319dc0ad95980e710c074c5a28c2ab456', class: "lottery-tipping-calendar", ref: (el) => (this.calendarRef = el) }, h("div", { key: '87b1ea72a5c28c69290b613ffa7af8696ffcaab3', class: "calling-input", onClick: () => {
|
|
181
181
|
this.showCalendar = true;
|
|
182
|
-
} }, h("div", { key: '
|
|
182
|
+
} }, h("div", { key: '8014304a1c19467598f7d324f013e36da10807a1', class: "calling-input-text" }, this.showFormatedDate(this.curDate)), h("div", { key: '4bb3276c543343b971f3ae983a8666435ff0c05f', class: "calling-input-icon", innerHTML: calendarIcon })), h("div", { key: 'e9caf41eecd8989189c2badfc087828ffdf37bb5', class: calendarClass.join(' ') }, h("div", { key: '1c19085aae79e7678065ef7023d4a3ef27cac70b', class: "calendar-header" }, h("div", { key: 'caffe869fc67dc21299bfcd034b057f931258c84', class: "date-controller year-minus", onClick: this.onYearMinus }, "<"), h("div", { key: '6e553067cbaf25c692fa7e081dd437db48588516', class: "date-controller month-minus", onClick: this.onMonthMinus }, "<"), h("div", { key: '45b29397f39b4d440c4e2a5f73dd9e1c3aae462d', class: "date-picker" }, h("div", { key: 'bdd6b7aca5884d08ce0c2703c36e714c88b99487', class: "date-picker-year" }, h("vaadin-select", { key: '0239f1a1f0304d8e8db341286a71cf921a524d2c', items: this.yearOptions, value: this.alterDate.year, style: { '--vaadin-field-default-width': '90px' }, "on-value-changed": this.onYearChange.bind(this) })), h("div", { key: 'd040dec3f9ca8f31ee7fe7bb7f6535132e00b5f9', class: "date-picker-delimiter" }, "-"), h("div", { key: 'f62dae4dfb9e5709b0b27eaa2046107220520a6a', class: "date-picker-month" }, h("vaadin-select", { key: 'c3ce598b7ba19059fa0b97e495db46a26798a6af', items: this.monthOptions, value: this.alterDate.month + 1, style: { '--vaadin-field-default-width': '64px' }, "on-value-changed": this.onMonthChange.bind(this) })), h("div", { key: '8c3e63306a284c3a4026789a0f0e9f3677498747', class: "date-picker-delimiter" }, "-"), h("div", { key: '93d1716b68a80943193dc4f82442ae91ec769c46', class: "date-picker-day" }, this.alterDate.day)), h("div", { key: 'b14ba540468c8e152ace46f113e233a7a52c64e2', class: "date-controller month-plus", onClick: this.onMonthPlus }, ">"), h("div", { key: '3ace715a066c50a65f8dfc6c45f82d992c0be7f1', class: "date-controller year-plus", onClick: this.onYearPlus }, ">")), h("div", { key: '698402dcef3d815561e00077c6fa6c70e9d229ff', class: "calendar-content" }, h("div", { key: '37c9d09bade72010f4ad9daf7bdc669fea42f678', class: "calendar-content-week" }, this.weeks.map((week) => (h("div", { class: "week-item" }, week)))), h("div", { key: '13029ff486fb7acbb9f43ab29b7ea5204fcb2a43', class: "calendar-content-day" }, this.days.map((item) => (h("div", { class: {
|
|
183
183
|
'day-item': true,
|
|
184
184
|
isCurDay: this.tellIsCurDay(item.date, item.month, item.year),
|
|
185
185
|
isHighLight: this.tellIsHighLight(item.date, item.month, item.year)
|
package/dist/collection/components/lottery-tipping-latest-result/lottery-tipping-latest-result.css
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
.lottery-tipping-latest-result {
|
|
2
2
|
padding: 16px;
|
|
3
3
|
container-type: inline-size;
|
|
4
|
+
background-color: var(--emw--color-background, #fff);
|
|
4
5
|
}
|
|
5
6
|
.lottery-tipping-latest-result .date-selection {
|
|
6
7
|
display: flex;
|
|
@@ -16,7 +17,7 @@
|
|
|
16
17
|
.LotteryTippingTicketController__segmented-control {
|
|
17
18
|
height: 2.2rem;
|
|
18
19
|
display: inline-flex;
|
|
19
|
-
background-color: var(--emw--color-
|
|
20
|
+
background-color: var(--emw--color-background-secondary, #f5f5f5);
|
|
20
21
|
border-radius: 2rem;
|
|
21
22
|
padding: 0.2rem;
|
|
22
23
|
}
|
|
@@ -30,14 +31,15 @@
|
|
|
30
31
|
outline: none;
|
|
31
32
|
transition: background-color 0.25s ease, color 0.25s ease;
|
|
32
33
|
white-space: nowrap;
|
|
34
|
+
color: var(--emw--color-typography, #000);
|
|
33
35
|
}
|
|
34
36
|
.LotteryTippingTicketController__segment--active {
|
|
35
37
|
background-color: var(--emw--color-background, #fff);
|
|
36
|
-
color: #
|
|
38
|
+
color: var(--emw--color-typography, #000);
|
|
37
39
|
font-weight: 600;
|
|
38
40
|
}
|
|
39
41
|
.LotteryTippingTicketController__segment:not(.LotteryTippingTicketController__segment--active):hover {
|
|
40
|
-
background-color: var(--emw--
|
|
42
|
+
background-color: var(--emw--color-background-tertiary, #ccc);
|
|
41
43
|
}
|
|
42
44
|
|
|
43
45
|
.betting-type {
|
|
@@ -49,6 +51,7 @@
|
|
|
49
51
|
.betting-type-title {
|
|
50
52
|
font-weight: 600;
|
|
51
53
|
font-size: 16px;
|
|
54
|
+
color: var(--emw--color-typography-secondary, #333);
|
|
52
55
|
}
|
|
53
56
|
.betting-type-text {
|
|
54
57
|
font-size: 16px;
|
|
@@ -73,6 +76,7 @@
|
|
|
73
76
|
font-size: 16px;
|
|
74
77
|
font-weight: 600;
|
|
75
78
|
margin-bottom: 12px;
|
|
79
|
+
color: var(--emw--color-typography-secondary, #333);
|
|
76
80
|
}
|
|
77
81
|
.result-wrapper .prize-result-table {
|
|
78
82
|
width: 100%;
|
|
@@ -87,22 +91,26 @@
|
|
|
87
91
|
text-align: left;
|
|
88
92
|
padding: 12px 14px;
|
|
89
93
|
width: 160px;
|
|
90
|
-
color: rgb(85, 85, 85);
|
|
91
94
|
font-size: 14px;
|
|
92
95
|
width: calc((100% - 2px) / 3);
|
|
96
|
+
color: var(--emw--color-typography, #000);
|
|
93
97
|
}
|
|
94
98
|
.result-wrapper .prize-result-table-header {
|
|
95
99
|
width: 100%;
|
|
96
|
-
background-color: var(--emw--color-
|
|
100
|
+
background-color: var(--emw--color-background-secondary, #e6e6e6);
|
|
97
101
|
border-radius: 4px;
|
|
98
102
|
}
|
|
103
|
+
.result-wrapper .prize-result-table-body {
|
|
104
|
+
background-color: var(--emw--color-background-tertiary, #fff);
|
|
105
|
+
}
|
|
99
106
|
.result-wrapper .prize-result-table .prize-result-table-header .prize-result-table-column {
|
|
100
|
-
color: var(--emw--color-
|
|
107
|
+
color: var(--emw--color-typography, #000);
|
|
101
108
|
font-weight: 600;
|
|
102
109
|
border-right: 1px solid var(--emw--color-background, #fff);
|
|
103
110
|
}
|
|
104
111
|
.result-wrapper .prize-result-table .prize-result-table-body .prize-result-table-row:hover {
|
|
105
|
-
|
|
112
|
+
color: var(--emw--color-typography, #000);
|
|
113
|
+
background-color: var(--emw--color-background-secondary, #f5f5f5);
|
|
106
114
|
}
|
|
107
115
|
|
|
108
116
|
@container (max-width: 980px) and (min-width: 780px) {
|