@everymatrix/helper-filters 1.52.6 → 1.53.10

package/dist/collection/components/helper-filters/helper-filters.js

@@ -4,33 +4,77 @@ import "@vaadin/date-picker";
 import "../../../../../helper-modal/dist/types/index";
 export class HelperFilters {
     constructor() {
-        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);
-        };
+        /**
+         * 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;
+        };
+        this.handleFilterFrom = (event) => {
+            const inputElement = event.target;
+            let dateArray = inputElement.value.split('-');
+            this.filterData.filterFromCalendar = new Date(Number(dateArray[0]), Number(dateArray[1]) - 1, Number(dateArray[2]), 0, 0, 0).toISOString();
+        };
+        this.handleFilterTo = (event) => {
+            const inputElement = event.target;
+            let dateArray = inputElement.value.split('-');
+            this.filterData.filterToCalendar = new Date(Number(dateArray[0]), Number(dateArray[1]) - 1, Number(dateArray[2]), 23, 59, 59).toISOString();
+        };
+        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);
+        };
     }
     // reset field values each time the filter modal opens
     componentDidRender() {
@@ -70,27 +114,17 @@ export class HelperFilters {
         this.modalCloseEvent();
         this.showClearButton = true;
         this.filterSelectionHandler(this.filterData);
-        console.log(this.showClearButton);
     }
     resetSearch() {
         this.showClearButton = false;
         this.filterSelectionResetHandler(this.filterDataReset);
         this.filterData = {};
     }
-    handleTicketDrawId(event) {
-        this.filterData.ticketDrawId = event.target.value;
-    }
-    handleFilterFrom(event) {
-        this.filterData.filterFromCalendar = new Date(event.target.value).toISOString();
-    }
-    handleFilterTo(event) {
-        this.filterData.filterToCalendar = new Date(event.target.value).toISOString();
-    }
     render() {
-        return (h("div", { key: 'd74774bd58fa3df6b0038fd979fb4aec4262d43d', class: "HelperFilters", ref: el => this.stylingContainer = el }, h("div", { key: '0827128924ba350888ae81e67e0306e536b15047', class: "FilterButtonsWrapper" }, h("button", { key: '73ae5aff5896195cd895410caf44dccfa1ac5cfc', class: "FilterOpen", onClick: () => this.toggleFilterModal() }, translate('filterOpen', this.language)), console.log('in filter Open', this.showClearButton, this.quickFiltersActive), (this.showClearButton || this.quickFiltersActive) ?
+        return (h("div", { key: '285e81fe3f4ba59c4a17445e8a296408a21ac15c', class: "HelperFilters", ref: el => this.stylingContainer = el }, h("div", { key: 'e1839ec68ae9f4d54a97b7e0bc81fd5bd9c6b924', class: "FilterButtonsWrapper" }, h("button", { key: '5b6b2402dad6d7c1c315ffd5a2e251e898c8db5b', class: "FilterOpen", onClick: () => this.toggleFilterModal() }, translate('filterOpen', this.language)), (this.showClearButton || this.quickFiltersActive) ?
             h("button", { class: "FilterClear", onClick: () => this.resetSearch() }, translate('filterClear', this.language))
             :
-                null), h("helper-modal", { key: 'add83df2714fdb69e8dfa7a0f5d1eb0d526fc2b4', "title-modal": "Filter Modal", visible: this.showFilterModal, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }, h("div", { key: '861b04161876b557184fe49c514867788147e4b9', class: "FilterModalHeader" }, h("h3", { key: '7471430912f301ff995c401b08298d9006816216', class: "FilterModalTitle" }, this.activateTicketSearch ? translate('filterModalTicketTitle', this.language) : translate('filterModalDrawTitle', this.language))), h("div", { key: 'af6bd8e253f332c8724e1bb40100ba5e1e59838f', class: "FilterModalBody" }, h("input", { key: '9edc7e14b801d40d4861625264f82b2fa213a770', id: "FilterById", type: "text", value: this.filterData.ticketDrawId, onInput: (event) => this.handleTicketDrawId(event), class: "FilterModalSearch", placeholder: this.activateTicketSearch ? translate('filterTicketPlaceholder', this.language) : translate('filterDrawPlaceholder', this.language) }), h("p", { key: '9665b359f9d6da19f120eb9bb315c4b144c80ced' }, translate('filterOrDate', this.language)), h("div", { key: 'd155c7d73a719aaedc581f51aa97cf21ec3125df', class: "FilterCalendarWrapper" }, h("vaadin-date-picker", { key: '586fb38bc5c718a4afa06ebec96bec0fd46949eb', value: this.filterData.filterFromCalendar, onChange: (event) => this.handleFilterFrom(event), placeholder: translate('filterFromCalendar', this.language), class: "VaadinDatePicker" }), h("vaadin-date-picker", { key: '42e8965b2c740c19c53687c114faf6aa22f11de8', value: this.filterData.filterToCalendar, onChange: (event) => this.handleFilterTo(event), placeholder: translate('filterToCalendar', this.language), class: "VaadinDatePicker" }))), h("div", { key: '7529eef1b25d130d183a55e45862418444054d3c', class: "FilterModalFooter" }, h("button", { key: '7dac7dc7b01c1c66dde7c6670a352f597b3f75fc', class: "FilterModalButton", onClick: () => this.filterSearch() }, translate('filterModalButton', this.language))))));
+                null), h("helper-modal", { key: 'c60e5024e590e3c2217c4d2698f86a5b6d33562a', "title-modal": "Filter Modal", visible: this.showFilterModal, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }, h("div", { key: 'd0fcf27d381016db6c6460973cefbb28187cbd01', class: "FilterModalHeader" }, h("h3", { key: 'ab73abba95ea9654c902db1f4650b7bc004c62c5', class: "FilterModalTitle" }, this.activateTicketSearch ? translate('filterModalTicketTitle', this.language) : translate('filterModalDrawTitle', this.language))), h("div", { key: '13dff7787135e8e35dadfb23b1acdf9ea11a995b', class: "FilterModalBody" }, this.showFilterId && h("div", { key: '6c773a1b5a5af00c6c2c69aaa24c2f2fa766356a' }, h("input", { key: 'f6ba11c2abaa1977358f08a923db1b7c12290ef1', id: "FilterById", type: "text", value: this.filterData.ticketDrawId, onInput: this.handleTicketDrawId, class: "FilterModalSearch", placeholder: this.activateTicketSearch ? translate('filterTicketPlaceholder', this.language) : translate('filterDrawPlaceholder', this.language) }), h("p", { key: '39fd8bfc2422a227cf118672213b0499298c73bc' }, translate('filterOrDate', this.language))), h("div", { key: 'f86cf8390870b64ed646c94c312198a21f99f565', class: "FilterCalendarWrapper" }, h("vaadin-date-picker", { key: 'cddc64eda6025e2a3568f86e0e039ded55530ab1', value: this.filterData.filterFromCalendar, onChange: this.handleFilterFrom, placeholder: translate('filterFromCalendar', this.language), class: "VaadinDatePicker" }), h("vaadin-date-picker", { key: '0963561d635097452964f55bccf5182cde88e0c2', value: this.filterData.filterToCalendar, onChange: this.handleFilterTo, placeholder: translate('filterToCalendar', this.language), class: "VaadinDatePicker" }))), h("div", { key: '5f880497e96ba7e55fb1f46b073d8b6259feded5', class: "FilterModalFooter" }, h("button", { key: '64cb6b50666e8a9879e3fc10df8ab36315357cef', class: "FilterModalButton", onClick: () => this.filterSearch() }, translate('filterModalButton', this.language))))));
     }
     static get is() { return "helper-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -120,6 +154,8 @@ export class HelperFilters {
                     "tags": [],
                     "text": "Check if show the filter option by id"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "show-filter-id",
                 "reflect": true,
                 "defaultValue": "true"
@@ -138,6 +174,8 @@ export class HelperFilters {
                     "tags": [],
                     "text": "Choose if filter by draw ID or ticket ID. By default is draw ID."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "activate-ticket-search",
                 "reflect": true,
                 "defaultValue": "false"
@@ -156,6 +194,8 @@ export class HelperFilters {
                     "tags": [],
                     "text": "Game ID"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "game-id",
                 "reflect": true,
                 "defaultValue": "''"
@@ -174,6 +214,8 @@ export class HelperFilters {
                     "tags": [],
                     "text": "Player ID"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "player-id",
                 "reflect": true,
                 "defaultValue": "''"
@@ -192,6 +234,8 @@ export class HelperFilters {
                     "tags": [],
                     "text": "Session ID"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "session",
                 "reflect": true,
                 "defaultValue": "''"
@@ -210,6 +254,8 @@ export class HelperFilters {
                     "tags": [],
                     "text": "Instead of customEvents the widget triggers postMessages"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "post-message",
                 "reflect": true,
                 "defaultValue": "false"
@@ -228,6 +274,8 @@ export class HelperFilters {
                     "tags": [],
                     "text": "Language"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "'en'"
@@ -246,6 +294,8 @@ export class HelperFilters {
                     "tags": [],
                     "text": "Notifies if the quick filters from tickets are active"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "quick-filters-active",
                 "reflect": true,
                 "defaultValue": "false"
@@ -264,6 +314,8 @@ export class HelperFilters {
                     "tags": [],
                     "text": "Client custom styling via string"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -282,6 +334,8 @@ export class HelperFilters {
                     "tags": [],
                     "text": "Client custom styling via url content"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling-url-content",
                 "reflect": true,
                 "defaultValue": "''"

package/dist/esm/helper-filters.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-65288f86.js';
-export { s as setNonce } from './index-65288f86.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-82b8e4db.js';
+export { s as setNonce } from './index-82b8e4db.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;