@everymatrix/helper-filters 1.31.2 → 1.32.4

package/dist/cjs/index.cjs.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/dist/cjs/loader.cjs.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-4be1aa12.js');
-
-/*
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
-
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  return index.bootstrapLazy([["helper-filters_2.cjs",[[1,"helper-filters",{"showFilterId":[516,"show-filter-id"],"activateTicketSearch":[516,"activate-ticket-search"],"gameId":[513,"game-id"],"playerId":[513,"player-id"],"session":[513],"postMessage":[516,"post-message"],"language":[513],"quickFiltersActive":[516,"quick-filters-active"],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"showFilterModal":[32],"showClearButton":[32],"filterData":[32],"filterDataReset":[32],"limitStylingAppends":[32]},[[0,"modalCloseEvent","modalCloseEvent"]]],[1,"helper-modal",{"titleModal":[513,"title-modal"],"visible":[1540],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}]]]], options);
-  });
-};
-
-exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -1,19 +0,0 @@
-{
-  "entries": [
-    "./components/helper-filters/helper-filters.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "2.15.2",
-    "typescriptVersion": "4.5.4"
-  },
-  "collections": [
-    {
-      "name": "@everymatrix/helper-modal",
-      "tags": [
-        "helper-modal"
-      ]
-    }
-  ],
-  "bundles": []
-}

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

@@ -1,119 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");
-:host {
-  display: block;
-  font-family: "Roboto", sans-serif;
-}
-
-.FilterButtonsWrapper {
-  display: flex;
-  justify-content: flex-end;
-  gap: 5px;
-}
-.FilterButtonsWrapper .FilterOpen {
-  cursor: pointer;
-  border-radius: 4px;
-  padding: 8px 15px;
-  width: max-content;
-  border: 1px solid #00958f;
-  background: #00958f;
-  color: #FFF;
-  font-size: 12px;
-  transition: all 0.2s linear;
-  text-align: center;
-  letter-spacing: 0;
-}
-.FilterButtonsWrapper .FilterOpen:hover {
-  background: #00958f;
-  color: #FFF;
-}
-.FilterButtonsWrapper .FilterClear {
-  cursor: pointer;
-  border-radius: 4px;
-  padding: 8px 15px;
-  width: max-content;
-  border: 1px solid #00958f;
-  background: #FFF;
-  color: #000;
-  font-size: 12px;
-  transition: all 0.2s linear;
-  text-align: center;
-  letter-spacing: 0;
-}
-.FilterButtonsWrapper .FilterClear:hover {
-  background: #00958f;
-  color: #FFF;
-}
-
-.FilterModalHeader,
-.FilterModalBody,
-.FilterModalFooter {
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-  align-items: center;
-  margin: 20px 0;
-}
-.FilterModalHeader .FilterModalTitle,
-.FilterModalBody .FilterModalTitle,
-.FilterModalFooter .FilterModalTitle {
-  margin: 0;
-  padding: 0;
-  font-weight: 700;
-  font-size: 16px;
-  color: #009993;
-  text-transform: uppercase;
-}
-.FilterModalHeader .FilterModalSearch,
-.FilterModalBody .FilterModalSearch,
-.FilterModalFooter .FilterModalSearch {
-  border-radius: 4px;
-  background: #e8ebef;
-  color: #263445;
-  width: 100%;
-  height: 26px;
-  max-width: 280px;
-  padding: 5px;
-  font-size: 15px;
-  border: none;
-  outline: #009993;
-}
-.FilterModalHeader .FilterCalendarWrapper,
-.FilterModalBody .FilterCalendarWrapper,
-.FilterModalFooter .FilterCalendarWrapper {
-  display: flex;
-  gap: 5px;
-}
-.FilterModalHeader .FilterCalendarWrapper .VaadinDatePicker,
-.FilterModalBody .FilterCalendarWrapper .VaadinDatePicker,
-.FilterModalFooter .FilterCalendarWrapper .VaadinDatePicker {
-  width: 50%;
-  max-width: 143px;
-}
-.FilterModalHeader .FilterModalButton,
-.FilterModalBody .FilterModalButton,
-.FilterModalFooter .FilterModalButton {
-  cursor: pointer;
-  border-radius: 4px;
-  padding: 8px 60px;
-  width: max-content;
-  margin: 5px;
-  border: 1px solid #00958f;
-  background: #00958f;
-  color: #FFF;
-  font-size: 12px;
-  transition: all 0.2s linear;
-  text-transform: uppercase;
-  text-align: center;
-  letter-spacing: 0;
-}
-.FilterModalHeader .FilterModalButton:hover,
-.FilterModalBody .FilterModalButton:hover,
-.FilterModalFooter .FilterModalButton:hover {
-  background: #00958f;
-  color: #FFF;
-}
-.FilterModalHeader p,
-.FilterModalBody p,
-.FilterModalFooter p {
-  margin: 5px 0;
-}

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

@@ -1,402 +0,0 @@
-import { Component, h, State, Prop, Event, Listen } from '@stencil/core';
-import { translate } from '../../utils/locale.utils';
-import '@vaadin/date-picker';
-import '@everymatrix/helper-modal';
-export class HelperFilters {
-  constructor() {
-    /**
-     * 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.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() {
-    // @TODO: to way binding?
-    if (document.getElementById('#FilterById'))
-      document.getElementById('#FilterById').value = '';
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrlContent)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-    // end custom styling area
-  }
-  filterSelectionHandler(event) {
-    if (this.postMessage)
-      window.postMessage({ type: 'filterSelection', event }, window.location.href);
-    if (this.filterData.ticketDrawId || this.filterData.filterFromCalendar || this.filterData.filterToCalendar)
-      this.filterSelection.emit(event);
-  }
-  filterSelectionResetHandler(event) {
-    if (this.postMessage)
-      window.postMessage({ type: 'filterSelectionReset', event }, window.location.href);
-    this.filterSelectionReset.emit(event);
-  }
-  modalCloseEvent() {
-    this.showFilterModal = false;
-  }
-  // Toggle filter modal
-  toggleFilterModal() {
-    this.showFilterModal = true;
-  }
-  // Filter search
-  filterSearch() {
-    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", { class: "HelperFilters", ref: el => this.stylingContainer = el },
-      h("div", { class: "FilterButtonsWrapper" },
-        h("button", { class: "FilterOpen", onClick: () => this.toggleFilterModal() }, translate('filterOpen', this.language)),
-        console.log('in filter Open', this.showClearButton, this.quickFiltersActive),
-        (this.showClearButton || this.quickFiltersActive) ?
-          h("button", { class: "FilterClear", onClick: () => this.resetSearch() }, translate('filterClear', this.language))
-          :
-            null),
-      h("helper-modal", { "title-modal": "Filter Modal", visible: this.showFilterModal, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent },
-        h("div", { class: "FilterModalHeader" },
-          h("h3", { class: "FilterModalTitle" }, this.activateTicketSearch ? translate('filterModalTicketTitle', this.language) : translate('filterModalDrawTitle', this.language))),
-        h("div", { class: "FilterModalBody" },
-          h("input", { 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", null, translate('filterOrDate', this.language)),
-          h("div", { class: "FilterCalendarWrapper" },
-            h("vaadin-date-picker", { value: this.filterData.filterFromCalendar, onChange: (event) => this.handleFilterFrom(event), placeholder: translate('filterFromCalendar', this.language), class: "VaadinDatePicker" }),
-            h("vaadin-date-picker", { value: this.filterData.filterToCalendar, onChange: (event) => this.handleFilterTo(event), placeholder: translate('filterToCalendar', this.language), class: "VaadinDatePicker" }))),
-        h("div", { class: "FilterModalFooter" },
-          h("button", { class: "FilterModalButton", onClick: () => this.filterSearch() }, translate('filterModalButton', this.language))))));
-  }
-  static get is() { return "helper-filters"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["helper-filters.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["helper-filters.css"]
-  }; }
-  static get properties() { return {
-    "showFilterId": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Check if show the filter option by id"
-      },
-      "attribute": "show-filter-id",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "activateTicketSearch": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Choose if filter by draw ID or ticket ID. By default is draw ID."
-      },
-      "attribute": "activate-ticket-search",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "gameId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Game ID"
-      },
-      "attribute": "game-id",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "playerId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Player ID"
-      },
-      "attribute": "player-id",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "session": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Session ID"
-      },
-      "attribute": "session",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "postMessage": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Instead of customEvents the widget triggers postMessages"
-      },
-      "attribute": "post-message",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "language": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Language"
-      },
-      "attribute": "language",
-      "reflect": true,
-      "defaultValue": "'en'"
-    },
-    "quickFiltersActive": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Notifies if the quick filters from tickets are active"
-      },
-      "attribute": "quick-filters-active",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "clientStyling": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via string"
-      },
-      "attribute": "client-styling",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "clientStylingUrlContent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via url content"
-      },
-      "attribute": "client-styling-url-content",
-      "reflect": true,
-      "defaultValue": "''"
-    }
-  }; }
-  static get states() { return {
-    "showFilterModal": {},
-    "showClearButton": {},
-    "filterData": {},
-    "filterDataReset": {},
-    "limitStylingAppends": {}
-  }; }
-  static get events() { return [{
-      "method": "filterDraw",
-      "name": "filterDraw",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HelperFilters",
-        "resolved": "HelperFilters",
-        "references": {
-          "HelperFilters": {
-            "location": "global"
-          }
-        }
-      }
-    }, {
-      "method": "filterSelection",
-      "name": "filterSelection",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HelperFilters",
-        "resolved": "HelperFilters",
-        "references": {
-          "HelperFilters": {
-            "location": "global"
-          }
-        }
-      }
-    }, {
-      "method": "filterSelectionReset",
-      "name": "filterSelectionReset",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HelperFilters",
-        "resolved": "HelperFilters",
-        "references": {
-          "HelperFilters": {
-            "location": "global"
-          }
-        }
-      }
-    }]; }
-  static get listeners() { return [{
-      "name": "modalCloseEvent",
-      "method": "modalCloseEvent",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/collection/index.js

@@ -1 +0,0 @@
-export * from './components';

package/dist/collection/utils/locale.utils.js

@@ -1,71 +0,0 @@
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'hr'];
-const TRANSLATIONS = {
-  en: {
-    filterOpen: 'Filter',
-    filterClear: 'Clear',
-    filterModalTicketTitle: 'Ticket Results',
-    filterModalDrawTitle: 'Draws Results History',
-    filterTicketPlaceholder: 'Search for a ticket ID',
-    filterDrawPlaceholder: 'Search for a draw ID',
-    filterDateRangePlaceholder: 'Date Range',
-    filterModalButton: 'Search',
-    filterFromCalendar: 'From',
-    filterToCalendar: 'To',
-    filterOrDate: 'or search by date'
-  },
-  ro: {
-    filterOpen: 'Filtrare',
-    filterClear: 'Stergere',
-    filterModalTicketTitle: 'Rezultatele biletelor',
-    filterModalDrawTitle: 'Rezultatele draw-urilor',
-    filterTicketPlaceholder: 'Cauta ID bilet',
-    filterDrawPlaceholder: 'Cauta ID draw',
-    filterDateRangePlaceholder: 'Perioada',
-    filterModalButton: 'Cauta',
-    filterOrDate: 'sau cauta dupa data'
-  },
-  fr: {
-    filterOpen: 'Filter',
-    filterClear: 'Clear',
-    filterModalTicketTitle: 'Ticket Results',
-    filterModalDrawTitle: 'Draws Results History',
-    filterTicketPlaceholder: 'Search for a ticket ID',
-    filterDrawPlaceholder: 'Search for a draw ID',
-    filterDateRangePlaceholder: 'Date Range',
-    filterModalButton: 'Search',
-    filterFromCalendar: 'From',
-    filterToCalendar: 'To',
-    filterOrDate: 'or search by date'
-  },
-  ar: {
-    filterOpen: 'Filter',
-    filterClear: 'Clear',
-    filterModalTicketTitle: 'Ticket Results',
-    filterModalDrawTitle: 'Draws Results History',
-    filterTicketPlaceholder: 'Search for a ticket ID',
-    filterDrawPlaceholder: 'Search for a draw ID',
-    filterDateRangePlaceholder: 'Date Range',
-    filterModalButton: 'Search',
-    filterFromCalendar: 'From',
-    filterToCalendar: 'To',
-    filterOrDate: 'or search by date'
-  },
-  hr: {
-    filterOpen: 'Filter',
-    filterClear: 'Očisti',
-    filterModalTicketTitle: 'Rezultati listića',
-    filterModalDrawTitle: 'Povijest rezultata Izvlačenja',
-    filterTicketPlaceholder: 'Pretraga ID listića',
-    filterDrawPlaceholder: 'Pretraga ID izvlačenja',
-    filterDateRangePlaceholder: 'Raspon datuma',
-    filterModalButton: 'Traži',
-    filterFromCalendar: 'Od',
-    filterToCalendar: 'Do',
-    filterOrDate: 'ili tražite po datumu'
-  }
-};
-export const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};

package/dist/collection/utils/utils.js

@@ -1,3 +0,0 @@
-export function format(first, middle, last) {
-  return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
-}

package/dist/components/helper-filters.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface HelperFilters extends Components.HelperFilters, HTMLElement {}
-export const HelperFilters: {
-  prototype: HelperFilters;
-  new (): HelperFilters;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;