@everymatrix/lottery-tipping-ticket-history 1.87.26 → 1.87.28

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.
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d505438d.js');
6
- const lotteryTippingTicketHistory = require('./lottery-tipping-ticket-history-7b5d66d1.js');
6
+ const lotteryTippingTicketHistory = require('./lottery-tipping-ticket-history-abedc303.js');
7
7
 
8
8
  /**
9
9
  * Days in 1 week.
@@ -260,7 +260,7 @@ function validateTimezone(_hours, minutes) {
260
260
  return minutes >= 0 && minutes <= 59;
261
261
  }
262
262
 
263
- const generalMultiSelectCss = ".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-dialog-typography, #000);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-dialog-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-background-tertiary, #ccc);color:var(--emw--color-typography, #000)}.dropdown-item.selected{background:var(--emw--color-background-secondary, #f5f5f5);color:var(--emw--color-typography, #000);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}";
263
+ const generalMultiSelectCss = ".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:6px 10px;padding-right:6px;border-radius:0.25em;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-dialog-typography, #000);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;padding-left:0;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-dialog-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-background-tertiary, #ccc);color:var(--emw--color-typography, #000)}.dropdown-item.selected{background:var(--emw--color-background-secondary, #f5f5f5);color:var(--emw--color-typography, #000);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}";
264
264
  const GeneralMultiSelectStyle0 = generalMultiSelectCss;
265
265
 
266
266
  const GeneralMultiSelect = class {
@@ -346,13 +346,13 @@ const GeneralMultiSelect = class {
346
346
  }
347
347
  handleMbSourceChange(newValue, oldValue) {
348
348
  if (newValue != oldValue) {
349
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
349
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
350
350
  }
351
351
  }
352
352
  componentDidLoad() {
353
353
  if (this.stylingContainer) {
354
354
  if (this.mbSource)
355
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
355
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
356
356
  if (this.clientStyling)
357
357
  lotteryTippingTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
358
358
  if (this.clientStylingUrl)
@@ -432,7 +432,7 @@ const GeneralTooltip = class {
432
432
  }
433
433
  handleMbSourceChange(newValue, oldValue) {
434
434
  if (newValue != oldValue) {
435
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
435
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
436
436
  }
437
437
  }
438
438
  componentWillLoad() {
@@ -441,7 +441,7 @@ const GeneralTooltip = class {
441
441
  componentDidLoad() {
442
442
  if (this.stylingContainer) {
443
443
  if (this.mbSource)
444
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
444
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
445
445
  if (this.clientStyling)
446
446
  lotteryTippingTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
447
447
  if (this.clientStylingUrl)
@@ -518,13 +518,13 @@ const LotteryTippingBullet = class {
518
518
  }
519
519
  handleMbSourceChange(newValue, oldValue) {
520
520
  if (newValue != oldValue) {
521
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
521
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
522
522
  }
523
523
  }
524
524
  componentDidLoad() {
525
525
  if (this.stylingContainer) {
526
526
  if (this.mbSource)
527
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
527
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
528
528
  if (this.clientStyling)
529
529
  lotteryTippingTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
530
530
  if (this.clientStylingUrl)
@@ -610,13 +610,13 @@ const LotteryTippingBulletGroup = class {
610
610
  }
611
611
  handleMbSourceChange(newValue, oldValue) {
612
612
  if (newValue != oldValue) {
613
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
613
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
614
614
  }
615
615
  }
616
616
  componentDidLoad() {
617
617
  if (this.stylingContainer) {
618
618
  if (this.mbSource)
619
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
619
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
620
620
  if (this.clientStyling)
621
621
  lotteryTippingTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
622
622
  if (this.clientStylingUrl)
@@ -710,7 +710,7 @@ const resolveTranslationUrl = async (translationUrl) => {
710
710
  }
711
711
  };
712
712
 
713
- const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000)}.dialog-footer .cancel-btn:hover{background-color:var(--emw--color-background-tertiary, #ccc)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-typography-normalized, #ffffff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}.Loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.Loading svg{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{100%{transform:rotate(360deg)}}";
713
+ const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background:var(--emw--color-mask-dialog-background, 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 var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000)}.dialog-footer .cancel-btn:hover{background-color:var(--emw--color-background-tertiary, #ccc)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-typography-normalized, #ffffff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}.Loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.Loading svg{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{100%{transform:rotate(360deg)}}";
714
714
  const LotteryTippingDialogStyle0 = lotteryTippingDialogCss;
715
715
 
716
716
  const LotteryTippingDialog = class {
@@ -751,7 +751,7 @@ const LotteryTippingDialog = class {
751
751
  }
752
752
  handleMbSourceChange(newValue, oldValue) {
753
753
  if (newValue != oldValue) {
754
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
754
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
755
755
  }
756
756
  }
757
757
  componentWillLoad() {
@@ -7476,7 +7476,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
7476
7476
  <div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
7477
7477
  `}static get is(){return "vaadin-tabs"}}v(vh);
7478
7478
 
7479
- const lotteryTippingFilterCss = ".lottery-tipping-filter .operate-btns{display:flex;gap:10px}.lottery-tipping-filter .operate-btns .operate-btn{background:var(--emw--color-primary, #fed275);border:1px solid var(--emw--color-primary, #fed275);border-radius:16px;padding:8px 10px;font-size:14px;color:var(--emw--color-typography, #000);font-weight:600;cursor:pointer;transition:0.2s linear}.dialog-content{display:flex;flex-direction:column;align-items:center}.dialog-content .filter-item{margin-bottom:12px}.dialog-content .filter-item-label{text-align:center;color:var(--emw--color-typography, #000)}.dialog-content .filter-item-val{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media screen and (max-width: 480px){.lottery-tipping-filter .operate-btns{gap:4px}}.general-multi-select-container{width:var(--vaadin-field-default-width, 16em)}";
7479
+ const lotteryTippingFilterCss = ".lottery-tipping-filter .operate-btns{display:flex;gap:10px}.lottery-tipping-filter .operate-btns .operate-btn{background:var(--emw--color-primary, #fed275);border:1px solid var(--emw--color-primary, #fed275);border-radius:16px;padding:8px 10px;font-size:14px;color:var(--emw--color-typography, #000);font-weight:600;cursor:pointer;transition:0.2s linear}.dialog-content{display:flex;flex-direction:column;align-items:center}.dialog-content .filter-item{margin-bottom:12px}.dialog-content .filter-item-label{text-align:center;color:var(--emw--color-typography, #000)}.dialog-content .filter-item-val{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media screen and (max-width: 480px){.lottery-tipping-filter .operate-btns{gap:4px}}.general-multi-select-container{width:var(--vaadin-field-default-width, 16em)}.general-multi-select-container vaadin-text-field{width:100%}";
7480
7480
  const LotteryTippingFilterStyle0 = lotteryTippingFilterCss;
7481
7481
 
7482
7482
  const LotteryTippingFilter = class {
@@ -7531,7 +7531,7 @@ const LotteryTippingFilter = class {
7531
7531
  }
7532
7532
  handleMbSourceChange(newValue, oldValue) {
7533
7533
  if (newValue != oldValue) {
7534
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7534
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7535
7535
  }
7536
7536
  }
7537
7537
  componentWillLoad() {
@@ -7546,7 +7546,7 @@ const LotteryTippingFilter = class {
7546
7546
  componentDidLoad() {
7547
7547
  if (this.stylingContainer) {
7548
7548
  if (this.mbSource)
7549
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7549
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7550
7550
  if (this.clientStyling)
7551
7551
  lotteryTippingTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
7552
7552
  if (this.clientStylingUrl)
@@ -7608,14 +7608,14 @@ const LotteryTippingFilter = class {
7608
7608
  this.isOpen = true;
7609
7609
  } }, lotteryTippingTicketHistory.translate('filter', this.language))), (this.showClearButton || this.quickFiltersActive) && (index.h("div", { key: 'aa747af2461e72fbacc16decd7fc75cd6f640c47', class: "operate-btn", onClick: () => this.resetSearch() }, lotteryTippingTicketHistory.translate('clear', this.language)))), index.h("lottery-tipping-dialog", { key: '9a9472dee498db7acc83fd96db89b635be07a837', "dialog-title": lotteryTippingTicketHistory.translate('ticketResult', this.language), visible: this.isOpen, onCancel: () => {
7610
7610
  this.isOpen = false;
7611
- }, onConfirm: this.handleDialogConfirm.bind(this), animationDuration: 300, language: this.language, "translation-url": this.translationUrl }, index.h("div", { key: 'a7bfe435c8f7a43abf2c2d500d7e31fe62123787', class: "dialog-content" }, index.h("div", { key: '4fcf5f1d3da61ba5e3e8c09b4a97339c1eafaf64', class: "filter-item" }, index.h("div", { key: '397bb60af15071331c46c0b83366475ef66205fd', class: "filter-item-label" }, lotteryTippingTicketHistory.translate('searchByTicketId', this.language)), index.h("div", { key: '657e0014bb0d8af52ed273149bad534b2cd035b6', class: "filter-item-val" }, index.h("vaadin-text-field", { key: 'e1d5c688281bf52ad5d90b81e66a495418c484ba', placeholder: lotteryTippingTicketHistory.translate('enterTicketId', this.language), value: this.filterData.ticketId, onInput: (event) => {
7611
+ }, onConfirm: this.handleDialogConfirm.bind(this), animationDuration: 300, language: this.language, "translation-url": this.translationUrl }, index.h("div", { key: 'a7bfe435c8f7a43abf2c2d500d7e31fe62123787', class: "dialog-content" }, index.h("div", { key: '4fcf5f1d3da61ba5e3e8c09b4a97339c1eafaf64', class: "filter-item" }, index.h("div", { key: '397bb60af15071331c46c0b83366475ef66205fd', class: "filter-item-label" }, lotteryTippingTicketHistory.translate('searchByTicketId', this.language)), index.h("div", { key: '657e0014bb0d8af52ed273149bad534b2cd035b6', class: "filter-item-val" }, index.h("div", { key: '7e49aab4b087a1e077cc03d4331df52be03a79c2', class: "general-multi-select-container" }, index.h("vaadin-text-field", { key: '9d810aac3959e689cefed434d7c5569b18e4c0ec', placeholder: lotteryTippingTicketHistory.translate('enterTicketId', this.language), value: this.filterData.ticketId, onInput: (event) => {
7612
7612
  this.filterData.ticketId = event.target.value;
7613
- } }))), index.h("div", { key: '3a49c0cb8361f19610be76c831320b9506414569', class: "filter-item" }, index.h("div", { key: 'abb2c02f3bf1c84d439499430696aa11f78c1ba7', class: "filter-item-label" }, lotteryTippingTicketHistory.translate('searchByTicketType', this.language)), index.h("div", { key: '1f8212f290fc32407b6cf5122099be2b2ee9a867', class: "general-multi-select-container" }, index.h("general-multi-select", { key: 'b79ebc1f60722e38436309b5699591368d2cb396', ref: (el) => (this.comboBox = el), placeholder: lotteryTippingTicketHistory.translate('selectTicketType', this.language), "max-visible-chips": "2", options: this.ticketTypeList.map((item) => ({
7613
+ } })))), index.h("div", { key: '8b9fda151a493c920797e4c7e2a8693c84ea5620', class: "filter-item" }, index.h("div", { key: '23439a0cad69db2ddafc8c131d5e1f5a019c3805', class: "filter-item-label" }, lotteryTippingTicketHistory.translate('searchByTicketType', this.language)), index.h("div", { key: 'ffe8de6c8acb7ecb92301d417e5d3cddb9941601', class: "general-multi-select-container" }, index.h("general-multi-select", { key: '90b2b967b17830a22ea08aa0f22e155e42922f21', ref: (el) => (this.comboBox = el), placeholder: lotteryTippingTicketHistory.translate('selectTicketType', this.language), "max-visible-chips": "2", options: this.ticketTypeList.map((item) => ({
7614
7614
  text: item.label,
7615
7615
  value: item.value
7616
- })), onChange: this.handleTicketType, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource }))), index.h("div", { key: '29c515bff2771f2fc542ec19308bab60b249873f', class: "filter-item" }, index.h("div", { key: 'bae8243eb9a551c545d8f78a83bd9f2717d282cb', class: "filter-item-label" }, lotteryTippingTicketHistory.translate('searchByDate', this.language)), index.h("div", { key: '96eaf18f338ccaca9088fb8517a3992dd188dcbf', class: "filter-item-val" }, index.h("vaadin-date-picker", { key: 'b49512011902e9f5c9993901a1533fecb2425e3a', value: this.filterData.filterFromCalendar, max: this.filterData.filterToCalendar === undefined
7616
+ })), onChange: this.handleTicketType, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource }))), index.h("div", { key: 'b8dc91b5337a8f4064160c50c20f213fbb1649bd', class: "filter-item" }, index.h("div", { key: '476fb4074ad41ce1a014eb9355504aa4a53161ca', class: "filter-item-label" }, lotteryTippingTicketHistory.translate('searchByDate', this.language)), index.h("div", { key: 'd4498509f769af6cd5d008dc8433a61b9c9c5487', class: "filter-item-val" }, index.h("vaadin-date-picker", { key: 'bd525309eb193cd2e12fc87aee172d423397d22e', value: this.filterData.filterFromCalendar, max: this.filterData.filterToCalendar === undefined
7617
7617
  ? undefined
7618
- : this.changeFormate(this.filterData.filterToCalendar), onChange: this.handleFilterFrom, placeholder: lotteryTippingTicketHistory.translate('from', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" }), index.h("vaadin-date-picker", { key: 'a4132154143d20e048a526a3947d00bb9533e0b3', value: this.filterData.filterToCalendar, min: this.filterData.filterFromCalendar === undefined
7618
+ : this.changeFormate(this.filterData.filterToCalendar), onChange: this.handleFilterFrom, placeholder: lotteryTippingTicketHistory.translate('from', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" }), index.h("vaadin-date-picker", { key: '50eb713df259a2d0fce36b90d81d1ea388c8545d', value: this.filterData.filterToCalendar, min: this.filterData.filterFromCalendar === undefined
7619
7619
  ? undefined
7620
7620
  : this.changeFormate(this.filterData.filterFromCalendar), onChange: this.handleFilterTo, placeholder: lotteryTippingTicketHistory.translate('to', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" })))))));
7621
7621
  }
@@ -7659,13 +7659,13 @@ const LotteryTippingPagination = class {
7659
7659
  }
7660
7660
  handleMbSourceChange(newValue, oldValue) {
7661
7661
  if (newValue != oldValue) {
7662
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7662
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7663
7663
  }
7664
7664
  }
7665
7665
  componentDidLoad() {
7666
7666
  if (this.stylingContainer) {
7667
7667
  if (this.mbSource)
7668
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7668
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7669
7669
  if (this.clientStyling)
7670
7670
  lotteryTippingTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
7671
7671
  if (this.clientStylingUrl)
@@ -7729,14 +7729,14 @@ const LotteryTippingPagination = class {
7729
7729
  }
7730
7730
  render() {
7731
7731
  const pages = this.getPagesToShow();
7732
- return (index.h("div", { key: '056fe5c9fddd61fafba809746de794a8db9c92a9', class: "paginator", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'a4ceefa8aaeb5a5038e9f15d58f8b7b74f5e6726', class: "total-num" }, lotteryTippingTicketHistory.translate('totalItems', this.language, { total: this.total })), index.h("button", { key: '08a1c3a20cc576781c97e6dae6ba8db5bba1e0c2', class: "arrow-btn", disabled: this.current <= 1, onClick: () => this.goToPage(this.current - 1) }, "<"), pages.map((item) => {
7732
+ return (index.h("div", { key: 'daa1bf4cd3031ae3f908bd2638424cbf82b81021', class: "paginator", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '93841d6094df6f52b24e277b66d92158aabd2955', class: "total-num" }, lotteryTippingTicketHistory.translate('totalItems', this.language, { total: this.total })), index.h("button", { key: '205e1dcc5e5c1b18f2dbbb61e127d13e4adaa79f', class: "arrow-btn", disabled: this.current <= 1, onClick: () => this.goToPage(this.current - 1) }, "<"), pages.map((item) => {
7733
7733
  if (item.type === 'page') {
7734
7734
  return (index.h("button", { class: { page: true, active: this.current === item.value }, onClick: () => this.goToPage(item.value) }, item.value));
7735
7735
  }
7736
7736
  else {
7737
7737
  return (index.h("button", { class: "ellipsis", onClick: () => this.jumpTo(item.direction) }, "..."));
7738
7738
  }
7739
- }), index.h("button", { key: '893023765c2a3b55a725c32ab5edb86e14225766', class: "arrow-btn", disabled: this.current >= this.totalPages, onClick: () => this.goToPage(this.current + 1) }, ">"), index.h("select", { key: 'c3fd4ada29da74ff3e0a5d41efeb3d6eb341bd79', onInput: (e) => this.changePageSize(parseInt(e.target.value)) }, this.pageSizeOptions.map((size) => (index.h("option", { value: size }, lotteryTippingTicketHistory.translate('perPage', this.language, { size: size }))))), index.h("div", { key: 'df8b7ad7e45fc12dc25b50cb687d008b546bba5b', class: "jump-box" }, lotteryTippingTicketHistory.translate('goTo', this.language), index.h("input", { key: 'f12b2591b6cfb79e0163dcbd5631618c69140539', type: "number", min: "1", max: this.totalPages, value: this.current, onKeyDown: (e) => {
7739
+ }), index.h("button", { key: '3213a6519702b4215e66afadf8dc6e44839455e7', class: "arrow-btn", disabled: this.current >= this.totalPages, onClick: () => this.goToPage(this.current + 1) }, ">"), index.h("select", { key: 'da36befb97834a7d3ca212f724306cbe57f76167', onInput: (e) => this.changePageSize(parseInt(e.target.value)) }, this.pageSizeOptions.map((size) => (index.h("option", { value: size }, lotteryTippingTicketHistory.translate('perPage', this.language, { size: size }))))), index.h("div", { key: '063ca0f31a3ab170a697af945414602f95748dac', class: "jump-box" }, lotteryTippingTicketHistory.translate('goTo', this.language), index.h("input", { key: '1ec1cbf62de505ea6770c59536c41f3bbb241261', type: "number", min: "1", max: this.totalPages, value: this.current, onKeyDown: (e) => {
7740
7740
  if (e.key === 'Enter') {
7741
7741
  const input = e.target;
7742
7742
  const page = parseInt(input.value);
@@ -7862,13 +7862,13 @@ const lotteryTippingPanel = class {
7862
7862
  }
7863
7863
  handleMbSourceChange(newValue, oldValue) {
7864
7864
  if (newValue != oldValue) {
7865
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7865
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7866
7866
  }
7867
7867
  }
7868
7868
  componentDidLoad() {
7869
7869
  if (this.stylingContainer) {
7870
7870
  if (this.mbSource)
7871
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
7871
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
7872
7872
  if (this.clientStyling)
7873
7873
  lotteryTippingTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
7874
7874
  if (this.clientStylingUrl)
@@ -7879,7 +7879,7 @@ const lotteryTippingPanel = class {
7879
7879
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
7880
7880
  }
7881
7881
  render() {
7882
- return (index.h("div", { key: 'a924b69afd386d9a4eea9cd7e68b7421dd3949fc', class: "panel-container", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '250ffcdb2c188a099c3323b8bdb983cb01c56d66', class: { 'panel-header': true, active: this.expanded }, onClick: this.togglePanel }, index.h("div", { key: '09ff482c092c4bc534c9e053bd964ac8aad0311a', class: "header-content" }, index.h("slot", { key: 'eb463418cd334b070272d7f32edef2c63a2ad583', name: "header" }, index.h("span", { key: 'ca745afa0ee74494e17e10cf06430ecdaca04070' }, this.headerTitle))), index.h("span", { key: 'ff58468a38f1d37c9d4fe902e528584c8e43a721', class: `arrow ${this.expanded ? 'expanded' : ''}`, innerHTML: downIcon })), index.h("div", { key: '725f0bc8350e4cc5604b500384c1eca3196c60f3', class: `panel-body ${this.expanded ? 'open' : 'closed'}` }, index.h("slot", { key: 'a10bee4011b55784271817a396eaa8aad64c3c0e', name: "content" }))));
7882
+ return (index.h("div", { key: '3a7acb79544c31ac93d82a2ea62ca7d343901b3f', class: "panel-container", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '1c4f38f5c8df2e08dd3a33f9af45b7bc0cc1f025', class: { 'panel-header': true, active: this.expanded }, onClick: this.togglePanel }, index.h("div", { key: '6e08ac8f744bb3abbfb0148d4cc82843f13b1ea5', class: "header-content" }, index.h("slot", { key: 'b58eee18d78117db3638ed71800b40e626de7d63', name: "header" }, index.h("span", { key: 'cfc3586117731014a1511f9df19d53132580e2ac' }, this.headerTitle))), index.h("span", { key: '41a8fb02bb96acd842668cd717909f07d02bdad2', class: `arrow ${this.expanded ? 'expanded' : ''}`, innerHTML: downIcon })), index.h("div", { key: '5deb75348843b6cf12bba4c03a5defeaa82760f8', class: `panel-body ${this.expanded ? 'open' : 'closed'}` }, index.h("slot", { key: '0191d8c751a6fecaaeae237cba17e125df42b6d4', name: "content" }))));
7883
7883
  }
7884
7884
  get el() { return index.getElement(this); }
7885
7885
  static get watchers() { return {
@@ -8085,7 +8085,7 @@ const LotteryTippingTicketBet = class {
8085
8085
  this.defaultBulletConfigLineGroup = undefined;
8086
8086
  this.bulletConfigLineGroup = [[[]]];
8087
8087
  this.currentPage = 1;
8088
- this.isLoading = true;
8088
+ this.isLoading = false;
8089
8089
  this.hasErrors = false;
8090
8090
  this.dialogConfig = { visible: false };
8091
8091
  this.ticketDataSource = [];
@@ -8107,7 +8107,7 @@ const LotteryTippingTicketBet = class {
8107
8107
  }
8108
8108
  handleMbSourceChange(newValue, oldValue) {
8109
8109
  if (newValue != oldValue) {
8110
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
8110
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
8111
8111
  }
8112
8112
  }
8113
8113
  disconnectedCallback() {
@@ -8121,7 +8121,7 @@ const LotteryTippingTicketBet = class {
8121
8121
  componentDidLoad() {
8122
8122
  if (this.stylingContainer) {
8123
8123
  if (this.mbSource)
8124
- lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
8124
+ lotteryTippingTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
8125
8125
  if (this.clientStyling)
8126
8126
  lotteryTippingTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
8127
8127
  if (this.clientStylingUrl)
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const lotteryTippingTicketHistory = require('./lottery-tipping-ticket-history-7b5d66d1.js');
5
+ const lotteryTippingTicketHistory = require('./lottery-tipping-ticket-history-abedc303.js');
6
6
  require('./index-d505438d.js');
7
7
 
8
8