@everymatrix/lottery-game-page 1.56.0 → 1.56.3

package/dist/cjs/helper-accordion_14.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c77bea42.js');
+const index = require('./index-bc91a30a.js');
 
 const DEFAULT_LANGUAGE$8 = 'en';
 const SUPPORTED_LANGUAGES$7 = ['ro', 'en', 'hr'];
@@ -42,67 +42,33 @@ const HelperAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.accordionEvent = index.createEvent(this, "helperAccordionAction", 7);
-        /**
-       * Flag for ticket history
-       */
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let cssFile = document.createElement('style');
+            setTimeout(() => {
+                cssFile.innerHTML = this.clientStylingUrlContent;
+                this.stylingContainer.prepend(cssFile);
+            }, 1);
+        };
         this.ticketHistoryFlag = false;
-        /**
-         * Title (top header)
-         */
         this.headerTitle = '';
-        /**
-         * SubTitle (top header)
-         */
         this.headerSubtitle = '';
-        /**
-         * Description
-         */
         this.description = '';
-        /**
-         * Enables footer content
-         */
         this.footer = false;
-        /**
-         * Enables footer button for tab deletion
-         */
         this.deleteTab = false;
-        /**
-         * Activates postMessages as events for actions from the widget
-         */
         this.postMessage = false;
-        /**
-         * Name of the event emitter by the action button
-         */
         this.eventName = 'helperAccordionAction';
-        /**
-         * Collapsed
-         */
         this.collapsed = true;
-        /**
-         * Language
-         */
         this.language = 'en';
-        /**
-         * Client custom styling via string
-         */
         this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
         this.clientStylingUrlContent = '';
+        this.translationUrl = undefined;
+        this.showContent = undefined;
         this.limitStylingAppends = false;
-        this.setClientStyling = () => {
-            let sheet = document.createElement('style');
-            sheet.innerHTML = this.clientStyling;
-            this.stylingContainer.prepend(sheet);
-        };
-        this.setClientStylingURL = () => {
-            let cssFile = document.createElement('style');
-            setTimeout(() => {
-                cssFile.innerHTML = this.clientStylingUrlContent;
-                this.stylingContainer.prepend(cssFile);
-            }, 1);
-        };
     }
     // @TODO fix the `any` type :)
     connectedCallback() {
@@ -223,55 +189,13 @@ const getTranslations$7 = (data) => {
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 
-window.Vaadin ||= {};
-window.Vaadin.featureFlags ||= {};
-
-function dashToCamelCase$1(dash) {
-  return dash.replace(/-[a-z]/gu, (m) => m[1].toUpperCase());
-}
-
-const experimentalMap = {};
-
-function defineCustomElement(CustomElement, version = '24.6.5') {
+function defineCustomElement(CustomElement, version = '24.5.10') {
   Object.defineProperty(CustomElement, 'version', {
     get() {
       return version;
     },
   });
 
-  if (CustomElement.experimental) {
-    const featureFlagKey =
-      typeof CustomElement.experimental === 'string'
-        ? CustomElement.experimental
-        : `${dashToCamelCase$1(CustomElement.is.split('-').slice(1).join('-'))}Component`;
-
-    if (!window.Vaadin.featureFlags[featureFlagKey] && !experimentalMap[featureFlagKey]) {
-      // Add setter to define experimental component when it's set to true
-      experimentalMap[featureFlagKey] = new Set();
-      experimentalMap[featureFlagKey].add(CustomElement);
-
-      Object.defineProperty(window.Vaadin.featureFlags, featureFlagKey, {
-        get() {
-          return experimentalMap[featureFlagKey].size === 0;
-        },
-        set(value) {
-          if (!!value && experimentalMap[featureFlagKey].size > 0) {
-            experimentalMap[featureFlagKey].forEach((elementClass) => {
-              customElements.define(elementClass.is, elementClass);
-            });
-            experimentalMap[featureFlagKey].clear();
-          }
-        },
-      });
-
-      return;
-    } else if (experimentalMap[featureFlagKey]) {
-      // Allow to register multiple components with single flag
-      experimentalMap[featureFlagKey].add(CustomElement);
-      return;
-    }
-  }
-
   const defined = customElements.get(CustomElement.is);
   if (!defined) {
     customElements.define(CustomElement.is, CustomElement);
@@ -2355,7 +2279,7 @@ registerStyles(
 const fontIcons = i$3`
   @font-face {
     font-family: 'lumo-icons';
-    src: url(data:application/font-woff;charset=utf-8;base64,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)
+    src: url(data:application/font-woff;charset=utf-8;base64,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)
       format('woff');
     font-weight: normal;
     font-style: normal;
@@ -2385,27 +2309,25 @@ const fontIcons = i$3`
     --lumo-icons-cog: '\\ea15';
     --lumo-icons-cross: '\\ea16';
     --lumo-icons-download: '\\ea17';
-    --lumo-icons-drag-handle: '\\ea18';
-    --lumo-icons-dropdown: '\\ea19';
-    --lumo-icons-edit: '\\ea1a';
-    --lumo-icons-error: '\\ea1b';
-    --lumo-icons-eye: '\\ea1c';
-    --lumo-icons-eye-disabled: '\\ea1d';
-    --lumo-icons-menu: '\\ea1e';
-    --lumo-icons-minus: '\\ea1f';
-    --lumo-icons-ordered-list: '\\ea20';
-    --lumo-icons-phone: '\\ea21';
-    --lumo-icons-photo: '\\ea22';
-    --lumo-icons-play: '\\ea23';
-    --lumo-icons-plus: '\\ea24';
-    --lumo-icons-redo: '\\ea25';
-    --lumo-icons-reload: '\\ea26';
-    --lumo-icons-resize-handle: '\\ea27';
-    --lumo-icons-search: '\\ea28';
-    --lumo-icons-undo: '\\ea29';
-    --lumo-icons-unordered-list: '\\ea2a';
-    --lumo-icons-upload: '\\ea2b';
-    --lumo-icons-user: '\\ea2c';
+    --lumo-icons-dropdown: '\\ea18';
+    --lumo-icons-edit: '\\ea19';
+    --lumo-icons-error: '\\ea1a';
+    --lumo-icons-eye: '\\ea1b';
+    --lumo-icons-eye-disabled: '\\ea1c';
+    --lumo-icons-menu: '\\ea1d';
+    --lumo-icons-minus: '\\ea1e';
+    --lumo-icons-ordered-list: '\\ea1f';
+    --lumo-icons-phone: '\\ea20';
+    --lumo-icons-photo: '\\ea21';
+    --lumo-icons-play: '\\ea22';
+    --lumo-icons-plus: '\\ea23';
+    --lumo-icons-redo: '\\ea24';
+    --lumo-icons-reload: '\\ea25';
+    --lumo-icons-search: '\\ea26';
+    --lumo-icons-undo: '\\ea27';
+    --lumo-icons-unordered-list: '\\ea28';
+    --lumo-icons-upload: '\\ea29';
+    --lumo-icons-user: '\\ea2a';
   }
 `;
 
@@ -11427,7 +11349,6 @@ const OverlayMixin = (superClass) =>
           notify: true,
           observer: '_openedChanged',
           reflectToAttribute: true,
-          sync: true,
         },
 
         /**
@@ -11436,7 +11357,6 @@ const OverlayMixin = (superClass) =>
          */
         owner: {
           type: Object,
-          sync: true,
         },
 
         /**
@@ -11444,7 +11364,6 @@ const OverlayMixin = (superClass) =>
          */
         model: {
           type: Object,
-          sync: true,
         },
 
         /**
@@ -11458,7 +11377,6 @@ const OverlayMixin = (superClass) =>
          */
         renderer: {
           type: Object,
-          sync: true,
         },
 
         /**
@@ -11471,7 +11389,6 @@ const OverlayMixin = (superClass) =>
           value: false,
           reflectToAttribute: true,
           observer: '_modelessChanged',
-          sync: true,
         },
 
         /**
@@ -11483,7 +11400,6 @@ const OverlayMixin = (superClass) =>
           type: Boolean,
           reflectToAttribute: true,
           observer: '_hiddenChanged',
-          sync: true,
         },
 
         /**
@@ -11494,7 +11410,6 @@ const OverlayMixin = (superClass) =>
           type: Boolean,
           value: false,
           reflectToAttribute: true,
-          sync: true,
         },
       };
     }
@@ -15114,7 +15029,6 @@ const DisabledMixin = dedupingMixin(
             value: false,
             observer: '_disabledChanged',
             reflectToAttribute: true,
-            sync: true,
           },
         };
       }
@@ -16271,21 +16185,6 @@ class InfiniteScroller extends HTMLElement {
     }
   }
 
-  /** @protected */
-  disconnectedCallback() {
-    if (this._debouncerScrollFinish) {
-      this._debouncerScrollFinish.cancel();
-    }
-
-    if (this._debouncerUpdateClones) {
-      this._debouncerUpdateClones.cancel();
-    }
-
-    if (this.__pendingFinishInit) {
-      cancelAnimationFrame(this.__pendingFinishInit);
-    }
-  }
-
   /**
    * Force the scroller to update clones after a reset, without
    * waiting for the debouncer to resolve.
@@ -16433,9 +16332,8 @@ class InfiniteScroller extends HTMLElement {
       }
     });
 
-    this.__pendingFinishInit = requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
       this._finishInit();
-      this.__pendingFinishInit = null;
     });
   }
 
@@ -16450,10 +16348,6 @@ class InfiniteScroller extends HTMLElement {
     itemWrapper.instance = this._createElement();
     itemWrapper.appendChild(itemWrapper.instance);
 
-    if (itemWrapper.instance.performUpdate) {
-      itemWrapper.instance.performUpdate();
-    }
-
     Object.keys(tmpInstance).forEach((prop) => {
       itemWrapper.instance[prop] = tmpInstance[prop];
     });
@@ -18471,10 +18365,6 @@ const MonthCalendarMixin = (superClass) =>
           value: () => false,
         },
 
-        enteredDate: {
-          type: Date,
-        },
-
         disabled: {
           type: Boolean,
           reflectToAttribute: true,
@@ -18494,11 +18384,6 @@ const MonthCalendarMixin = (superClass) =>
         _notTapping: {
           type: Boolean,
         },
-
-        /** @private */
-        __hasFocus: {
-          type: Boolean,
-        },
       };
     }
 
@@ -18518,12 +18403,6 @@ const MonthCalendarMixin = (superClass) =>
       addListener(this.$.monthGrid, 'tap', this._handleTap.bind(this));
     }
 
-    /** @override */
-    _setFocused(focused) {
-      super._setFocused(focused);
-      this.__hasFocus = focused;
-    }
-
     /**
      * Returns true if all the dates in the month are out of the allowed range
      * @protected
@@ -18819,7 +18698,7 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
               <template is="dom-repeat" items="[[week]]">
                 <td
                   role="gridcell"
-                  part$="[[__getDatePart(item, focusedDate, selectedDate, minDate, maxDate, isDateDisabled, enteredDate, __hasFocus)]]"
+                  part$="[[__getDatePart(item, focusedDate, selectedDate, minDate, maxDate, isDateDisabled)]]"
                   date="[[item]]"
                   tabindex$="[[__getDayTabindex(item, focusedDate)]]"
                   disabled$="[[__isDayDisabled(item, minDate, maxDate, isDateDisabled)]]"
@@ -18877,7 +18756,7 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
 
   /** @private */
   // eslint-disable-next-line @typescript-eslint/max-params
-  __getDatePart(date, focusedDate, selectedDate, minDate, maxDate, isDateDisabled, enteredDate, hasFocus) {
+  __getDatePart(date, focusedDate, selectedDate, minDate, maxDate, isDateDisabled) {
     const result = ['date'];
     const greaterThanToday = date > normalizeDate(new Date());
     const lessThanToday = date < normalizeDate(new Date());
@@ -18886,7 +18765,7 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
       result.push('disabled');
     }
 
-    if (dateEquals(date, focusedDate) && (hasFocus || dateEquals(date, enteredDate))) {
+    if (this.__isDayFocused(date, focusedDate)) {
       result.push('focused');
     }
 
@@ -18909,6 +18788,11 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
     return result.join(' ');
   }
 
+  /** @private */
+  __isDayFocused(date, focusedDate) {
+    return dateEquals(date, focusedDate);
+  }
+
   /** @private */
   __isDaySelected(date, selectedDate) {
     return dateEquals(date, selectedDate);
@@ -18939,7 +18823,11 @@ class MonthCalendar extends MonthCalendarMixin(ThemableMixin(PolymerElement)) {
 
   /** @private */
   __getDayTabindex(date, focusedDate) {
-    return dateEquals(date, focusedDate) ? '0' : '-1';
+    if (this.__isDayFocused(date, focusedDate)) {
+      return '0';
+    }
+
+    return '-1';
   }
 }
 
@@ -19058,7 +18946,6 @@ const DatePickerOverlayContentMixin = (superClass) =>
         initialPosition: {
           type: Object,
           observer: '_initialPositionChanged',
-          sync: true,
         },
 
         _originDate: {
@@ -19126,11 +19013,6 @@ const DatePickerOverlayContentMixin = (superClass) =>
           type: Function,
         },
 
-        enteredDate: {
-          type: Date,
-          sync: true,
-        },
-
         /**
          * Input label
          */
@@ -19158,7 +19040,7 @@ const DatePickerOverlayContentMixin = (superClass) =>
 
     static get observers() {
       return [
-        '__updateCalendars(calendars, i18n, minDate, maxDate, selectedDate, focusedDate, showWeekNumbers, _ignoreTaps, _theme, isDateDisabled, enteredDate)',
+        '__updateCalendars(calendars, i18n, minDate, maxDate, selectedDate, focusedDate, showWeekNumbers, _ignoreTaps, _theme, isDateDisabled)',
         '__updateCancelButton(_cancelButton, i18n)',
         '__updateTodayButton(_todayButton, i18n, minDate, maxDate, isDateDisabled)',
         '__updateYears(years, selectedDate, _theme)',
@@ -19346,7 +19228,6 @@ const DatePickerOverlayContentMixin = (superClass) =>
       ignoreTaps,
       theme,
       isDateDisabled,
-      enteredDate,
     ) {
       if (calendars && calendars.length) {
         calendars.forEach((calendar) => {
@@ -19358,7 +19239,6 @@ const DatePickerOverlayContentMixin = (superClass) =>
           calendar.selectedDate = selectedDate;
           calendar.showWeekNumbers = showWeekNumbers;
           calendar.ignoreTaps = ignoreTaps;
-          calendar.enteredDate = enteredDate;
 
           if (theme) {
             calendar.setAttribute('theme', theme);
@@ -20616,8 +20496,6 @@ const InputMixin = dedupingMixin(
         if (this.inputElement) {
           this.inputElement[this._inputElementValueProperty] = value;
         }
-
-        this._hasInputValue = value && value.length > 0;
       }
 
       /**
@@ -21821,22 +21699,6 @@ const ValidateMixin = dedupingMixin(
             value: false,
           },
 
-          /**
-           * Set to true to enable manual validation mode. This mode disables automatic
-           * constraint validation, allowing you to control the validation process yourself.
-           * You can still trigger constraint validation manually with the `validate()` method
-           * or use `checkValidity()` to assess the component's validity without affecting
-           * the invalid state. In manual validation mode, you can also manipulate
-           * the `invalid` property directly through your application logic without conflicts
-           * with the component's internal validation.
-           *
-           * @attr {boolean} manual-validation
-           */
-          manualValidation: {
-            type: Boolean,
-            value: false,
-          },
-
           /**
            * Specifies that the user must fill in a value.
            */
@@ -21891,14 +21753,6 @@ const ValidateMixin = dedupingMixin(
         return true;
       }
 
-      /** @protected */
-      _requestValidation() {
-        if (!this.manualValidation) {
-          // eslint-disable-next-line no-restricted-syntax
-          this.validate();
-        }
-      }
-
       /**
        * Fired whenever the field is validated.
        *
@@ -22328,8 +22182,8 @@ const InputConstraintsMixin = dedupingMixin(
         const isLastConstraintRemoved = this.__previousHasConstraints && !hasConstraints;
 
         if ((this._hasValue || this.invalid) && hasConstraints) {
-          this._requestValidation();
-        } else if (isLastConstraintRemoved && !this.manualValidation) {
+          this.validate();
+        } else if (isLastConstraintRemoved) {
           this._setInvalid(false);
         }
 
@@ -22347,7 +22201,7 @@ const InputConstraintsMixin = dedupingMixin(
       _onChange(event) {
         event.stopPropagation();
 
-        this._requestValidation();
+        this.validate();
 
         this.dispatchEvent(
           new CustomEvent('change', {
@@ -22490,6 +22344,30 @@ const InputControlMixin = (superclass) =>
       }
     }
 
+    /**
+     * Override an event listener inherited from `InputMixin`
+     * to capture native `change` event and make sure that
+     * a new one is dispatched after validation runs.
+     * @param {Event} event
+     * @protected
+     * @override
+     */
+    _onChange(event) {
+      event.stopPropagation();
+
+      this.validate();
+
+      this.dispatchEvent(
+        new CustomEvent('change', {
+          detail: {
+            sourceEvent: event,
+          },
+          bubbles: event.bubbles,
+          cancelable: event.cancelable,
+        }),
+      );
+    }
+
     /**
      * Override a method from `InputMixin`.
      * @param {!HTMLElement} input
@@ -22913,62 +22791,6 @@ class VirtualKeyboardController {
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 
-const datePickerI18nDefaults = Object.freeze({
-  monthNames: [
-    'January',
-    'February',
-    'March',
-    'April',
-    'May',
-    'June',
-    'July',
-    'August',
-    'September',
-    'October',
-    'November',
-    'December',
-  ],
-  weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-  weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-  firstDayOfWeek: 0,
-  today: 'Today',
-  cancel: 'Cancel',
-  referenceDate: '',
-  formatDate(d) {
-    const yearStr = String(d.year).replace(/\d+/u, (y) => '0000'.substr(y.length) + y);
-    return [d.month + 1, d.day, yearStr].join('/');
-  },
-  parseDate(text) {
-    const parts = text.split('/');
-    const today = new Date();
-    let date,
-      month = today.getMonth(),
-      year = today.getFullYear();
-
-    if (parts.length === 3) {
-      month = parseInt(parts[0]) - 1;
-      date = parseInt(parts[1]);
-      year = parseInt(parts[2]);
-      if (parts[2].length < 3 && year >= 0) {
-        const usedReferenceDate = this.referenceDate ? parseDate(this.referenceDate) : new Date();
-        year = getAdjustedYear(usedReferenceDate, year, month, date);
-      }
-    } else if (parts.length === 2) {
-      month = parseInt(parts[0]) - 1;
-      date = parseInt(parts[1]);
-    } else if (parts.length === 1) {
-      date = parseInt(parts[0]);
-    }
-
-    if (date !== undefined) {
-      return { day: date, month, year };
-    }
-  },
-  formatTitle: (monthName, fullYear) => {
-    return `${monthName} ${fullYear}`;
-  },
-});
-
 /**
  * @polymerMixin
  * @mixes ControllerMixin
@@ -23042,10 +22864,7 @@ const DatePickerMixin = (subclass) =>
          * Set true to prevent the overlay from opening automatically.
          * @attr {boolean} auto-open-disabled
          */
-        autoOpenDisabled: {
-          type: Boolean,
-          sync: true,
-        },
+        autoOpenDisabled: Boolean,
 
         /**
          * Set true to display ISO-8601 week numbers in the calendar. Notice that
@@ -23166,7 +22985,63 @@ const DatePickerMixin = (subclass) =>
         i18n: {
           type: Object,
           sync: true,
-          value: () => ({ ...datePickerI18nDefaults }),
+          value: () => {
+            return {
+              monthNames: [
+                'January',
+                'February',
+                'March',
+                'April',
+                'May',
+                'June',
+                'July',
+                'August',
+                'September',
+                'October',
+                'November',
+                'December',
+              ],
+              weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+              weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+              firstDayOfWeek: 0,
+              today: 'Today',
+              cancel: 'Cancel',
+              referenceDate: '',
+              formatDate(d) {
+                const yearStr = String(d.year).replace(/\d+/u, (y) => '0000'.substr(y.length) + y);
+                return [d.month + 1, d.day, yearStr].join('/');
+              },
+              parseDate(text) {
+                const parts = text.split('/');
+                const today = new Date();
+                let date,
+                  month = today.getMonth(),
+                  year = today.getFullYear();
+
+                if (parts.length === 3) {
+                  month = parseInt(parts[0]) - 1;
+                  date = parseInt(parts[1]);
+                  year = parseInt(parts[2]);
+                  if (parts[2].length < 3 && year >= 0) {
+                    const usedReferenceDate = this.referenceDate ? parseDate(this.referenceDate) : new Date();
+                    year = getAdjustedYear(usedReferenceDate, year, month, date);
+                  }
+                } else if (parts.length === 2) {
+                  month = parseInt(parts[0]) - 1;
+                  date = parseInt(parts[1]);
+                } else if (parts.length === 1) {
+                  date = parseInt(parts[0]);
+                }
+
+                if (date !== undefined) {
+                  return { day: date, month, year };
+                }
+              },
+              formatTitle: (monthName, fullYear) => {
+                return `${monthName} ${fullYear}`;
+              },
+            };
+          },
         },
 
         /**
@@ -23251,10 +23126,18 @@ const DatePickerMixin = (subclass) =>
           sync: true,
         },
 
-        /** @private */
-        __enteredDate: {
-          type: Date,
-          sync: true,
+        /**
+         * In date-picker, unlike other components extending `InputMixin`,
+         * the property indicates true only if the input has been entered by the user.
+         * In the case of programmatic changes, the property is reset to false.
+         * Read more about why this workaround is needed:
+         * https://github.com/vaadin/web-components/issues/5639
+         *
+         * @protected
+         * @override
+         */
+        _hasInputValue: {
+          type: Boolean,
         },
       };
     }
@@ -23263,7 +23146,7 @@ const DatePickerMixin = (subclass) =>
       return [
         '_selectedDateChanged(_selectedDate, i18n)',
         '_focusedDateChanged(_focusedDate, i18n)',
-        '__updateOverlayContent(_overlayContent, i18n, label, _minDate, _maxDate, _focusedDate, _selectedDate, showWeekNumbers, isDateDisabled, __enteredDate)',
+        '__updateOverlayContent(_overlayContent, i18n, label, _minDate, _maxDate, _focusedDate, _selectedDate, showWeekNumbers, isDateDisabled)',
         '__updateOverlayContentTheme(_overlayContent, _theme)',
         '__updateOverlayContentFullScreen(_overlayContent, _fullscreen)',
       ];
@@ -23281,17 +23164,28 @@ const DatePickerMixin = (subclass) =>
       this._boundOverlayRenderer = this._overlayRenderer.bind(this);
     }
 
-    /** @override */
+    /**
+     * @override
+     * @protected
+     */
     get _inputElementValue() {
       return super._inputElementValue;
     }
 
-    /** @override */
+    /**
+     * The setter is overridden to reset the `_hasInputValue` property
+     * to false when the input element's value is updated programmatically.
+     * In date-picker, `_hasInputValue` is supposed to indicate true only
+     * if the input has been entered by the user.
+     * Read more about why this workaround is needed:
+     * https://github.com/vaadin/web-components/issues/5639
+     *
+     * @override
+     * @protected
+     */
     set _inputElementValue(value) {
       super._inputElementValue = value;
-
-      const parsedDate = this.__parseDate(value);
-      this.__setEnteredDate(parsedDate);
+      this._hasInputValue = false;
     }
 
     /**
@@ -23353,7 +23247,7 @@ const DatePickerMixin = (subclass) =>
         // Do not validate when focusout is caused by document
         // losing focus, which happens on browser tab switch.
         if (document.hasFocus()) {
-          this._requestValidation();
+          this.validate();
         }
       }
     }
@@ -23498,8 +23392,13 @@ const DatePickerMixin = (subclass) =>
         !this._selectedDate || dateAllowed(this._selectedDate, this._minDate, this._maxDate, this.isDateDisabled);
 
       let inputValidity = true;
-      if (this.inputElement && this.inputElement.checkValidity) {
-        inputValidity = this.inputElement.checkValidity();
+      if (this.inputElement) {
+        if (this.inputElement.checkValidity) {
+          inputValidity = this.inputElement.checkValidity();
+        } else if (this.inputElement.validate) {
+          // Iron-form-elements have the validate API
+          inputValidity = this.inputElement.validate();
+        }
       }
 
       return inputValid && isDateValid && inputValidity;
@@ -23586,10 +23485,10 @@ const DatePickerMixin = (subclass) =>
       const unparsableValue = this.__unparsableValue;
 
       if (this.__committedValue !== this.value) {
-        this._requestValidation();
+        this.validate();
         this.dispatchEvent(new CustomEvent('change', { bubbles: true }));
       } else if (this.__committedUnparsableValue !== unparsableValue) {
-        this._requestValidation();
+        this.validate();
         this.dispatchEvent(new CustomEvent('unparsable-change'));
       }
 
@@ -23718,7 +23617,7 @@ const DatePickerMixin = (subclass) =>
 
           if (oldValue !== undefined) {
             // Validate only if `value` changes after initialization.
-            this._requestValidation();
+            this.validate();
           }
         }
       } else {
@@ -23745,7 +23644,6 @@ const DatePickerMixin = (subclass) =>
       selectedDate,
       showWeekNumbers,
       isDateDisabled,
-      enteredDate,
     ) {
       if (overlayContent) {
         overlayContent.i18n = i18n;
@@ -23756,7 +23654,6 @@ const DatePickerMixin = (subclass) =>
         overlayContent.selectedDate = selectedDate;
         overlayContent.showWeekNumbers = showWeekNumbers;
         overlayContent.isDateDisabled = isDateDisabled;
-        overlayContent.enteredDate = enteredDate;
       }
     }
 
@@ -23886,7 +23783,7 @@ const DatePickerMixin = (subclass) =>
       // Needed in case the value was not changed: open and close dropdown,
       // especially on outside click. On Esc key press, do not validate.
       if (!this.value && !this._keyboardActive) {
-        this._requestValidation();
+        this.validate();
       }
     }
 
@@ -24078,32 +23975,15 @@ const DatePickerMixin = (subclass) =>
         this.open();
       }
 
-      const parsedDate = this.__parseDate(this._inputElementValue || '');
-      if (parsedDate) {
-        this._ignoreFocusedDateChange = true;
-        if (!dateEquals(parsedDate, this._focusedDate)) {
-          this._focusedDate = parsedDate;
-        }
-        this._ignoreFocusedDateChange = false;
-      }
-
-      this.__setEnteredDate(parsedDate);
-    }
-
-    /**
-     * @param {Date} date
-     * @private
-     */
-    __setEnteredDate(date) {
-      if (date) {
-        if (!dateEquals(this.__enteredDate, date)) {
-          this.__enteredDate = date;
+      if (this._inputElementValue) {
+        const parsedDate = this.__parseDate(this._inputElementValue);
+        if (parsedDate) {
+          this._ignoreFocusedDateChange = true;
+          if (!dateEquals(parsedDate, this._focusedDate)) {
+            this._focusedDate = parsedDate;
+          }
+          this._ignoreFocusedDateChange = false;
         }
-      } else if (this.__enteredDate != null) {
-        // Do not override initial undefined value with null
-        // to avoid triggering a Lit update that can cause
-        // other scheduled properties to flush too early.
-        this.__enteredDate = null;
       }
     }
 
@@ -24387,7 +24267,6 @@ class DatePicker extends DatePickerMixin(InputControlMixin(ThemableMixin(Element
 
   /** @private */
   _onVaadinOverlayClose(e) {
-    // Prevent closing the overlay on label element click
     if (e.detail.sourceEvent && e.detail.sourceEvent.composedPath().includes(this)) {
       e.preventDefault();
     }
@@ -24424,51 +24303,6 @@ const HelperFilters = class {
         this.filterDraw = index.createEvent(this, "filterDraw", 7);
         this.filterSelection = index.createEvent(this, "filterSelection", 7);
         this.filterSelectionReset = index.createEvent(this, "filterSelectionReset", 7);
-        /**
-         * Check if show the filter option by id
-         */
-        this.showFilterId = true;
-        /**
-         * Choose if filter by draw ID or ticket ID. By default is draw ID.
-         */
-        this.activateTicketSearch = false;
-        /**
-         * Game ID
-         */
-        this.gameId = '';
-        /**
-         * Player ID
-         */
-        this.playerId = '';
-        /**
-         * Session ID
-         */
-        this.session = '';
-        /**
-         * Instead of customEvents the widget triggers postMessages
-         */
-        this.postMessage = false;
-        /**
-         * Language
-         */
-        this.language = 'en';
-        /**
-         * Notifies if the quick filters from tickets are active
-         */
-        this.quickFiltersActive = false;
-        /**
-         * Client custom styling via string
-         */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
-        this.clientStylingUrlContent = '';
-        this.showFilterModal = false;
-        this.showClearButton = false;
-        this.filterData = {};
-        this.filterDataReset = { ticketDrawId: '', filterFromCalendar: '', filterToCalendar: '' };
-        this.limitStylingAppends = false;
         this.handleTicketDrawId = (event) => {
             const inputElement = event.target;
             this.filterData.ticketDrawId = inputElement.value;
@@ -24495,6 +24329,22 @@ const HelperFilters = class {
                 this.stylingContainer.prepend(cssFile);
             }, 1);
         };
+        this.showFilterId = true;
+        this.activateTicketSearch = false;
+        this.gameId = '';
+        this.playerId = '';
+        this.session = '';
+        this.postMessage = false;
+        this.language = 'en';
+        this.quickFiltersActive = false;
+        this.clientStyling = '';
+        this.clientStylingUrlContent = '';
+        this.translationUrl = undefined;
+        this.showFilterModal = false;
+        this.showClearButton = false;
+        this.filterData = {};
+        this.filterDataReset = { ticketDrawId: '', filterFromCalendar: '', filterToCalendar: '' };
+        this.limitStylingAppends = false;
     }
     componentWillLoad() {
         if (this.translationUrl) {
@@ -24574,19 +24424,6 @@ const HelperModal = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.cancel = index.createEvent(this, "modalCloseEvent", 7);
-        /**
-         * Toggles if the helper is visible or not
-         */
-        this.visible = true;
-        /**
-         * Client custom styling via string
-         */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
-        this.clientStylingUrlContent = '';
-        this.limitStylingAppends = false;
         this.userAgent = window.navigator.userAgent;
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
@@ -24600,8 +24437,13 @@ const HelperModal = class {
                 this.stylingContainer.prepend(cssFile);
             }, 1);
         };
-    }
-    handleHelperModalClose() {
+        this.titleModal = undefined;
+        this.visible = true;
+        this.clientStyling = '';
+        this.clientStylingUrlContent = '';
+        this.limitStylingAppends = false;
+    }
+    handleHelperModalClose() {
         this.visible = false;
         this.cancel.emit();
     }
@@ -24759,22 +24601,17 @@ const HelperTabStyle0 = helperTabCss;
 const HelperTab = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * Selected index
-         */
         this.selectedIndex = 0;
-        /**
-         * Client custom styling via string
-         */
+        this.cmsEndpoint = undefined;
+        this.mbSource = undefined;
         this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
         this.clientStylingUrl = '';
-        /**
-         * Language of the widget
-         */
+        this.lowNumber = undefined;
+        this.highNumber = undefined;
+        this.minimumAllowed = undefined;
+        this.maxinumAllowed = undefined;
         this.language = 'en';
+        this.translationUrl = undefined;
         this.tabContent = '';
     }
     handleClientStylingChange(newValue, oldValue) {
@@ -24844,38 +24681,22 @@ const HelperTabsStyle0 = helperTabsCss;
 const HelperTabs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * Tell me if it is disabled
-         */
         this.disabled = false;
-        /**
-       * Tell me what tab is selected
-       */
+        this.label = undefined;
         this.selected = false;
-        /**
-         * Default selected index
-         */
+        this.cmsEndpoint = undefined;
         this.selectedIndex = 0;
-        /**
-         * Tabs details
-         */
         this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
-        /**
-         * Client custom styling via string
-         */
         this.clientStyling = '';
-        /**
-         * Client custom styling via url
-         */
+        this.mbSource = undefined;
         this.clientStylingurl = '';
-        /**
-         * Client custom styling via url content
-         */
         this.clientStylingUrl = '';
-        /**
-         * Language
-         */
+        this.lowNumber = undefined;
+        this.highNumber = undefined;
+        this.minimumAllowed = undefined;
+        this.maxinumAllowed = undefined;
         this.language = 'en';
+        this.translationUrl = undefined;
     }
     connectedCallback() {
     }
@@ -24924,31 +24745,6 @@ const LotteryBullet = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.bulletEvent = index.createEvent(this, "lotteryBulletSelection", 7);
-        /**
-         * Value of the bullet
-         */
-        this.value = '0';
-        /**
-         * Marks if the bullet should be selectable
-         */
-        this.selectable = true;
-        /**
-         * Marks if the bullet should be selected
-         */
-        this.isSelected = false;
-        /**
-         * Marks if the number is bonus number.
-         */
-        this.isBonus = false;
-        /**
-         * Client custom styling via string
-         */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
-        this.clientStylingUrlContent = '';
-        this.limitStylingAppends = false;
         this.select = () => {
             if (this.selectable) {
                 this.isSelected = !this.isSelected;
@@ -24970,6 +24766,13 @@ const LotteryBullet = class {
                 this.stylingContainer.prepend(cssFile);
             }, 1);
         };
+        this.value = '0';
+        this.selectable = true;
+        this.isSelected = false;
+        this.isBonus = false;
+        this.clientStyling = '';
+        this.clientStylingUrlContent = '';
+        this.limitStylingAppends = false;
     }
     componentDidRender() {
         // start custom styling area
@@ -25075,74 +24878,42 @@ const LotteryDrawResultsStyle0 = lotteryDrawResultsCss;
 const LotteryDrawResults = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * Language of the widget
-         */
+        this.ticketDrawDetails = [];
+        this.ticketDrawDetailsFlag = true;
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let cssFile = document.createElement('style');
+            setTimeout(() => {
+                cssFile.innerHTML = this.clientStylingUrlContent;
+                this.stylingContainer.prepend(cssFile);
+            }, 1);
+        };
+        this.endpoint = undefined;
+        this.gameId = undefined;
         this.language = 'en';
-        /**
-         * Shows only the last draw
-         */
+        this.playerId = undefined;
         this.drawMode = false;
-        /**
-         * The drawID (option)
-         */
         this.drawId = '';
-        /**
-         * The game name
-         */
         this.gameName = '';
-        /**
-         * The ticket submission date
-         */
         this.ticketDate = '';
-        /**
-         * The ticket status
-         */
         this.ticketStatus = '';
-        /**
-         * The ticket id
-         */
         this.ticketId = '';
-        /**
-         * The ticket amount
-         */
         this.ticketAmount = '';
-        /**
-         * The ticket currency
-         */
         this.ticketCurrency = '';
-        /**
-         * The ticket is multiplier or not
-         */
         this.ticketMultiplier = false;
-        /**
-         * The ticket draw count
-         */
+        this.ticketMultiplierNum = undefined;
         this.ticketDrawCount = 0;
-        /**
-         * The ticket winning numbers
-         */
         this.ticketNumbers = '';
-        /**
-         * The session id
-         */
         this.sessionId = '';
-        /**
-         * Client custom styling via string
-         */
         this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
         this.clientStylingUrlContent = '';
-        /**
-         * Data showing the ticket's draw results details
-         */
         this.ticketDrawData = '';
-        /**
-         * the filter value
-         */
         this.tabValue = '';
+        this.translationUrl = undefined;
         this.multiplier = 3;
         this.isLoading = true;
         this.hasErrors = false;
@@ -25152,20 +24923,7 @@ const LotteryDrawResults = class {
         this.ticketDraws = [];
         this.toggleDrawer = [false];
         this.limitStylingAppends = false;
-        this.ticketDrawDetails = [];
-        this.ticketDrawDetailsFlag = true;
-        this.setClientStyling = () => {
-            let sheet = document.createElement('style');
-            sheet.innerHTML = this.clientStyling;
-            this.stylingContainer.prepend(sheet);
-        };
-        this.setClientStylingURL = () => {
-            let cssFile = document.createElement('style');
-            setTimeout(() => {
-                cssFile.innerHTML = this.clientStylingUrlContent;
-                this.stylingContainer.prepend(cssFile);
-            }, 1);
-        };
+        this.drawData = undefined;
     }
     componentWillLoad() {
         if (this.translationUrl) {
@@ -25355,29 +25113,6 @@ const LotteryDrawResultsHistoryStyle0 = lotteryDrawResultsHistoryCss;
 const LotteryDrawResultsHistory = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         *Language
-         */
-        this.language = 'en';
-        /**
-         * Client custom styling via string
-         */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
-        this.clientStylingUrlContent = '';
-        this.drawData = [];
-        this.winningDataSetsData = [''];
-        this.dateFiltersFrom = '';
-        this.dateFiltersTo = '';
-        this.isLoading = false;
-        this.noResults = false;
-        this.limitStylingAppends = false;
-        this.activeIndex = 0;
-        this.totalResults = 0;
-        this.limit = 5;
-        this.offset = 0;
         this.isReset = false;
         this.getDrawsData = () => {
             this.isLoading = true;
@@ -25447,6 +25182,23 @@ const LotteryDrawResultsHistory = class {
                 this.stylingContainer.prepend(cssFile);
             }, 1);
         };
+        this.endpoint = undefined;
+        this.gameId = undefined;
+        this.language = 'en';
+        this.clientStyling = '';
+        this.clientStylingUrlContent = '';
+        this.translationUrl = undefined;
+        this.drawData = [];
+        this.winningDataSetsData = [''];
+        this.dateFiltersFrom = '';
+        this.dateFiltersTo = '';
+        this.isLoading = false;
+        this.noResults = false;
+        this.limitStylingAppends = false;
+        this.activeIndex = 0;
+        this.totalResults = 0;
+        this.limit = 5;
+        this.offset = 0;
     }
     filtersHandler(event) {
         if (event.detail.ticketDrawId) {
@@ -25510,19 +25262,6 @@ const LotteryGameDetailsStyle0 = lotteryGameDetailsCss;
 const LotteryGameDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /**
-         * Client custom styling via string
-         */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
-        this.clientStylingUrlContent = '';
-        /**
-         * Language
-         */
-        this.language = 'en';
-        this.limitStylingAppends = false;
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
             sheet.innerHTML = this.clientStyling;
@@ -25535,6 +25274,15 @@ const LotteryGameDetails = class {
                 this.stylingContainer.prepend(cssFile);
             }, 1);
         };
+        this.clientStyling = '';
+        this.clientStylingUrlContent = '';
+        this.lowNumber = undefined;
+        this.highNumber = undefined;
+        this.minimumAllowed = undefined;
+        this.maxinumAllowed = undefined;
+        this.language = 'en';
+        this.translationUrl = undefined;
+        this.limitStylingAppends = false;
     }
     componentDidRender() {
         // start custom styling area
@@ -25680,38 +25428,6 @@ const LotteryGamePage = class {
         index.registerInstance(this, hostRef);
         this.goBackEvent = index.createEvent(this, "goBackEvent", 7);
         this.goToLobbyEvent = index.createEvent(this, "goToLobbyEvent", 7);
-        /**
-         * Language of the widget
-         */
-        this.language = 'en';
-        /**
-         * Client custom styling via string
-         */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url
-         */
-        this.clientStylingurl = '';
-        /**
-         * Translation via url
-         */
-        this.translationUrl = '';
-        this.clientStylingUrlContent = '';
-        this.tickets = [];
-        this.mainTickets = [];
-        this.secondaryTickets = [];
-        this.tabIndex = 0;
-        this.hasErrors = false;
-        this.totalAmount = 0;
-        this.successVisible = false;
-        this.isLoggedIn = false;
-        this.loginModalVisible = false;
-        this.limitStylingAppends = false;
-        this.isLoading = false;
-        this.showSubmitError = false;
-        this.submitError = '';
-        this.showApiError = false;
-        this.apiError = '';
         // @TODO fix any type
         this.userAgent = window.navigator.userAgent;
         this.quickPick = false;
@@ -25737,6 +25453,38 @@ const LotteryGamePage = class {
                 console.log('error ', err);
             });
         };
+        this.endpoint = undefined;
+        this.endpointTicket = undefined;
+        this.gameId = undefined;
+        this.playerId = undefined;
+        this.sessionId = undefined;
+        this.language = 'en';
+        this.backgroundUrl = undefined;
+        this.clientStyling = '';
+        this.clientStylingurl = '';
+        this.translationUrl = '';
+        this.clientStylingUrlContent = '';
+        this.tickets = [];
+        this.mainTickets = [];
+        this.secondaryTickets = [];
+        this.tabIndex = 0;
+        this.hasErrors = false;
+        this.totalAmount = 0;
+        this.successVisible = false;
+        this.daysRemaining = undefined;
+        this.hoursRemaining = undefined;
+        this.minutesRemaining = undefined;
+        this.secondsRemaining = undefined;
+        this.nextDate = undefined;
+        this.isLoggedIn = false;
+        this.loginModalVisible = false;
+        this.limitStylingAppends = false;
+        this.isLoading = false;
+        this.showSubmitError = false;
+        this.submitError = '';
+        this.showApiError = false;
+        this.apiError = '';
+        this.translationData = undefined;
     }
     handleNewTranslations() {
         this.isLoading = true;
@@ -26071,88 +25819,41 @@ const LotteryGrid = class {
         this.gridFilledEvent = index.createEvent(this, "gridFilled", 7);
         this.gridDirtyEvent = index.createEvent(this, "gridDirty", 7);
         this.gridClearAllEvent = index.createEvent(this, "gridClearAllEvent", 7);
-        /**
-         * Number of bullets of grid
-         */
+        this.selectedCounter = 0;
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let cssFile = document.createElement('style');
+            setTimeout(() => {
+                cssFile.innerHTML = this.clientStylingUrlContent;
+                this.stylingContainer.prepend(cssFile);
+            }, 1);
+        };
+        this.ticketId = undefined;
         this.totalNumbers = 0;
-        /**
-         * Number of maximum bullets that can be selected
-         */
+        this.gameId = undefined;
         this.maximumAllowed = 7;
-        /**
-         * Minimum allowed of bullets
-         */
         this.minimumAllowed = 3;
-        /**
-         * Allows the user to select numbers on the grid
-         */
+        this.numberRange = undefined;
         this.selectable = true;
-        /**
-         * Numbers that should be showed as selected on the grid (as a string of those numbers e.g. '1,2,3,4,5,6')
-         */
         this.selectedNumbers = '';
-        /**
-       * Bonus numbers that should be showed as selected on the grid (as a string of those numbers e.g. '1')
-       */
         this.secondaryNumbers = '';
-        /**
-         * Show only selected numbers
-         */
         this.displaySelected = false;
-        /**
-         * Language
-         */
         this.language = 'en';
-        /**
-         * Personalize grid for ticket
-         */
+        this.gridIndex = undefined;
         this.gridType = '';
-        /**
-         * Client custom styling via string
-         */
         this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
         this.clientStylingUrlContent = '';
-        /**
-         * Maximum number of the grid
-         */
         this.highNumber = 47;
-        /**
-         * Lowest number of the grid
-         */
         this.lowNumber = 1;
-        /**
-         * Type of selection
-         */
         this.selectionType = 'mainSelection';
-        /**
-         * Allows partial quickpick or not
-         */
         this.partialQuickpickAvailable = false;
-        /**
-         * main selection numbers
-         */
         this.numbers = [];
-        /**
-         * Bonus selection numbers
-         */
         this.bonusNumbers = [];
         this.limitStylingAppends = false;
-        this.selectedCounter = 0;
-        this.setClientStyling = () => {
-            let sheet = document.createElement('style');
-            sheet.innerHTML = this.clientStyling;
-            this.stylingContainer.prepend(sheet);
-        };
-        this.setClientStylingURL = () => {
-            let cssFile = document.createElement('style');
-            setTimeout(() => {
-                cssFile.innerHTML = this.clientStylingUrlContent;
-                this.stylingContainer.prepend(cssFile);
-            }, 1);
-        };
     }
     connectedCallback() {
         let selected = [];
@@ -26401,58 +26102,8 @@ const LotteryPagination = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.hpPageChange = index.createEvent(this, "hpPageChange", 7);
-        /**
-         * Next page string value - determines if the next page is disabled or active
-         */
-        this.nextPage = false;
-        /**
-         * Previous page string value - determines if the previous page is disabled or active
-         */
-        this.prevPage = false;
-        /**
-         * The received offset
-         */
-        this.offset = 0;
-        /**
-         * The received limit for the number of pages
-         */
-        this.limit = 10;
-        /**
-         * The received total number of pages
-         */
-        this.total = 1;
-        /**
-         * Language
-         */
-        this.language = 'en';
-        /**
-         * Client custom styling via string
-         */
-        this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
-        this.clientStylingUrlContent = '';
-        this.isReset = false;
-        /**
-         * Component working variable for last page
-         */
-        this.lastPage = false;
-        /**
-         * Component working variable for prvious page
-         */
-        this.previousPage = false;
-        /**
-         * In component working variable for the array of pages
-         */
-        this.pagesArray = [];
-        /**
-         * In component working variable for last page
-         */
-        this.endInt = 0;
         this.userAgent = window.navigator.userAgent;
         this.currentPage = 1;
-        this.limitStylingAppends = false;
         /**
          * Navigation logic
          */
@@ -26530,6 +26181,27 @@ const LotteryPagination = class {
                 this.stylingContainer.prepend(cssFile);
             }, 1);
         };
+        this.nextPage = false;
+        this.prevPage = false;
+        this.offset = 0;
+        this.limit = 10;
+        this.total = 1;
+        this.language = 'en';
+        this.clientStyling = '';
+        this.clientStylingUrlContent = '';
+        this.arrowsActive = undefined;
+        this.secondaryArrowsActive = undefined;
+        this.numberedNavActive = undefined;
+        this.isReset = false;
+        this.translationUrl = undefined;
+        this.offsetInt = undefined;
+        this.lastPage = false;
+        this.previousPage = false;
+        this.limitInt = undefined;
+        this.totalInt = undefined;
+        this.pagesArray = [];
+        this.endInt = 0;
+        this.limitStylingAppends = false;
     }
     componentWillLoad() {
         if (this.translationUrl) {
@@ -26956,7 +26628,6 @@ const ItemMixin = (superClass) =>
           value: false,
           reflectToAttribute: true,
           observer: '_selectedChanged',
-          sync: true,
         },
 
         /** @private */
@@ -27380,7 +27051,6 @@ const ListMixin = (superClass) =>
           type: Number,
           reflectToAttribute: true,
           notify: true,
-          sync: true,
         },
 
         /**
@@ -28274,7 +27944,7 @@ const SelectBaseMixin = (superClass) =>
       super._requiredChanged(required);
 
       if (required === false) {
-        this._requestValidation();
+        this.validate();
       }
     }
 
@@ -28338,7 +28008,7 @@ const SelectBaseMixin = (superClass) =>
       // a change event is scheduled, as validation will be
       // triggered by `__dispatchChange()` in that case.
       if (oldValue !== undefined && !this.__dispatchChangePending) {
-        this._requestValidation();
+        this.validate();
       }
     }
 
@@ -28436,7 +28106,7 @@ const SelectBaseMixin = (superClass) =>
         // will be triggered by `__dispatchChange()` in that case.
         // Also, skip validation when closed on Escape or Tab keys.
         if (!this.__dispatchChangePending && !this._keyboardActive) {
-          this._requestValidation();
+          this.validate();
         }
       }
 
@@ -28509,11 +28179,6 @@ const SelectBaseMixin = (superClass) =>
      */
     __appendValueItemElement(itemElement, parent) {
       parent.appendChild(itemElement);
-      // Trigger observer that sets aria-selected attribute
-      // so that we can then synchronously remove it below.
-      if (itemElement.performUpdate) {
-        itemElement.performUpdate();
-      }
       itemElement.removeAttribute('tabindex');
       itemElement.removeAttribute('aria-selected');
       itemElement.removeAttribute('role');
@@ -28649,7 +28314,7 @@ const SelectBaseMixin = (superClass) =>
       // Do not validate when focusout is caused by document
       // losing focus, which happens on browser tab switch.
       if (!focused && document.hasFocus()) {
-        this._requestValidation();
+        this.validate();
       }
     }
 
@@ -28694,7 +28359,7 @@ const SelectBaseMixin = (superClass) =>
         await this.updateComplete;
       }
 
-      this._requestValidation();
+      this.validate();
       this.dispatchEvent(new CustomEvent('change', { bubbles: true }));
       this.__dispatchChangePending = false;
     }
@@ -28940,34 +28605,29 @@ const LotteryTicket = class {
         this.drawMultiplierChange = index.createEvent(this, "drawMultiplierChange", 7);
         this.lineMultiplierChange = index.createEvent(this, "lineMultiplierChange", 7);
         this.betTypeChange = index.createEvent(this, "betTypeChange", 7);
-        /**
-         * Number of grids of a ticket
-         */
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let cssFile = document.createElement('style');
+            setTimeout(() => {
+                cssFile.innerHTML = this.clientStylingUrlContent;
+                this.stylingContainer.prepend(cssFile);
+            }, 1);
+        };
+        this.endpoint = undefined;
+        this.gameId = undefined;
         this.numberOfGrids = 1;
-        /**
-         * Option to have the ticket registered for multiple draws
-         */
         this.multipleDraws = true;
-        /**
-         * Shows the reset button
-         */
+        this.ticketId = undefined;
         this.resetButton = false;
-        /**
-         * Shows the auto-pick button
-         */
         this.autoPick = false;
-        /**
-         * Language
-         */
         this.language = 'en';
-        /**
-         * Client custom styling via string
-         */
         this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
         this.clientStylingUrlContent = '';
+        this.translationUrl = undefined;
         this.isLoading = true;
         this.hasErrors = false;
         this.ticketDone = [];
@@ -28993,18 +28653,6 @@ const LotteryTicket = class {
         this.secondaryMaximumAllowed = 1;
         this.minimumAllowed = 6;
         this.secondaryMinimumAllowed = 1;
-        this.setClientStyling = () => {
-            let sheet = document.createElement('style');
-            sheet.innerHTML = this.clientStyling;
-            this.stylingContainer.prepend(sheet);
-        };
-        this.setClientStylingURL = () => {
-            let cssFile = document.createElement('style');
-            setTimeout(() => {
-                cssFile.innerHTML = this.clientStylingUrlContent;
-                this.stylingContainer.prepend(cssFile);
-            }, 1);
-        };
     }
     handleLineMultiplierChange(newValue) {
         this.grids = Array.from({ length: newValue }, (_, i) => i + 1);
@@ -29312,71 +28960,35 @@ const LotteryTicketController = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.deleteTicketEvent = index.createEvent(this, "deleteTicket", 7);
-        /**
-         * Endpoint URL for the source of data (NorWAy standard)
-         */
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let cssFile = document.createElement('style');
+            setTimeout(() => {
+                cssFile.innerHTML = this.clientStylingUrlContent;
+                this.stylingContainer.prepend(cssFile);
+            }, 1);
+        };
         this.endpoint = '';
-        /**
-         * Ticket number
-         */
         this.ticketId = 1;
-        /**
-         * Activates postMessages as events for actions from the widget
-         */
+        this.ticketDescription = undefined;
+        this.gameId = undefined;
         this.postMessage = false;
-        /**
-         * Name of the event emitter by the action button
-         */
         this.eventName = 'deleteTicketAction';
-        /**
-         * Collapsed
-         */
         this.collapsed = true;
-        /**
-         * Number of grids?
-         */
         this.numberOfGrids = 1;
-        /**
-         * This toggles if the last ticket added should be expanded or not
-         */
         this.last = false;
-        /**
-         * Language
-         */
         this.language = 'en';
-        /**
-         * Shows the auto-pick button
-         */
         this.autoPick = false;
-        /**
-         * Shows the reset button
-         */
         this.resetButton = false;
-        /**
-         * Number of ticket controllers
-         */
         this.totalControllers = 1;
-        /**
-         * Client custom styling via string
-         */
         this.clientStyling = '';
-        /**
-         * Client custom styling via url content
-         */
         this.clientStylingUrlContent = '';
+        this.translationUrl = undefined;
         this.limitStylingAppends = false;
-        this.setClientStyling = () => {
-            let sheet = document.createElement('style');
-            sheet.innerHTML = this.clientStyling;
-            this.stylingContainer.prepend(sheet);
-        };
-        this.setClientStylingURL = () => {
-            let cssFile = document.createElement('style');
-            setTimeout(() => {
-                cssFile.innerHTML = this.clientStylingUrlContent;
-                this.stylingContainer.prepend(cssFile);
-            }, 1);
-        };
     }
     // @TODO fix the `any` type
     helperAccordionActionHandler() {