@everymatrix/helper-filters 1.76.6 → 1.76.8

package/dist/cjs/helper-filters.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-71fae404.js');
+const index = require('./index-3fa5f550.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["helper-filters_2.cjs",[[1,"helper-filters",{"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"],"translationUrl":[520,"translation-url"],"showFilterModal":[32],"showClearButton":[32],"filterData":[32],"filterDataReset":[32],"limitStylingAppends":[32],"ticketTypeList":[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);
+  return index.bootstrapLazy([["general-multi-select_3.cjs",[[1,"helper-filters",{"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"],"translationUrl":[520,"translation-url"],"showFilterModal":[32],"showClearButton":[32],"filterData":[32],"filterDataReset":[32],"limitStylingAppends":[32],"ticketTypeList":[32]},[[0,"modalCloseEvent","modalCloseEvent"]]],[1,"general-multi-select",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"options":[16],"maxVisibleChips":[2,"max-visible-chips"],"placeholder":[1],"selectedValues":[32],"dropdownOpen":[32],"overflowOpen":[32],"popoverStyle":[32],"clear":[64]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"helper-modal",{"titleModal":[513,"title-modal"],"visible":[1540],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{index-71fae404.js → index-3fa5f550.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'helper-filters';
-const BUILD = /* helper-filters */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* helper-filters */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -41,6 +41,9 @@ var registerHost = (hostElement, cmpMeta) => {
     $cmpMeta$: cmpMeta,
     $instanceValues$: /* @__PURE__ */ new Map()
   };
+  {
+    hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
+  }
   {
     hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
     hostElement["s-p"] = [];
@@ -71,10 +74,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'helper-filters_2.cjs':
+                case 'general-multi-select_3.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './helper-filters_2.cjs.entry.js')); }).then(processMod, consoleError);
+                        './general-multi-select_3.cjs.entry.js')); }).then(processMod, consoleError);
           }
       }
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
@@ -167,6 +170,12 @@ var flush = () => {
 var nextTick = (cb) => promiseResolve().then(cb);
 var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
 
+// src/runtime/asset-path.ts
+var getAssetPath = (path) => {
+  const assetUrl = new URL(path, plt.$resourcesUrl$);
+  return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
+};
+
 // src/utils/constants.ts
 var EMPTY_OBJ = {};
 
@@ -314,6 +323,9 @@ var parsePropertyValue = (propValue, propType) => {
     if (propType & 4 /* Boolean */) {
       return propValue === "false" ? false : propValue === "" || !!propValue;
     }
+    if (propType & 2 /* Number */) {
+      return parseFloat(propValue);
+    }
     if (propType & 1 /* String */) {
       return String(propValue);
     }
@@ -418,6 +430,27 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
       const newClasses = parseClassList(newValue);
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+    } else if (memberName === "style") {
+      {
+        for (const prop in oldValue) {
+          if (!newValue || newValue[prop] == null) {
+            if (prop.includes("-")) {
+              elm.style.removeProperty(prop);
+            } else {
+              elm.style[prop] = "";
+            }
+          }
+        }
+      }
+      for (const prop in newValue) {
+        if (!oldValue || newValue[prop] !== oldValue[prop]) {
+          if (prop.includes("-")) {
+            elm.style.setProperty(prop, newValue[prop]);
+          } else {
+            elm.style[prop] = newValue[prop];
+          }
+        }
+      }
     } else if (memberName === "key") ; else if (memberName === "ref") {
       if (newValue) {
         newValue(elm);
@@ -837,6 +870,9 @@ var postUpdateComponent = (hostRef) => {
     {
       addHydratedFlag(elm);
     }
+    {
+      safeCall(instance, "componentDidLoad");
+    }
     endPostUpdate();
     {
       hostRef.$onReadyResolve$(elm);
@@ -847,6 +883,9 @@ var postUpdateComponent = (hostRef) => {
   } else {
     endPostUpdate();
   }
+  {
+    hostRef.$onInstanceResolve$(elm);
+  }
   {
     if (hostRef.$onRenderResolve$) {
       hostRef.$onRenderResolve$();
@@ -888,6 +927,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
       `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
     );
   }
+  const elm = hostRef.$hostElement$ ;
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
   const instance = hostRef.$lazyInstance$ ;
@@ -897,6 +937,18 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
     hostRef.$instanceValues$.set(propName, newVal);
     if (instance) {
+      if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+        const watchMethods = cmpMeta.$watchers$[propName];
+        if (watchMethods) {
+          watchMethods.map((watchMethodName) => {
+            try {
+              instance[watchMethodName](newVal, oldVal, propName);
+            } catch (e) {
+              consoleError(e, elm);
+            }
+          });
+        }
+      }
       if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
         scheduleUpdate(hostRef, false);
       }
@@ -908,7 +960,10 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || BUILD.watchCallback ) {
+  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
+    if (Cstr.watchers && !cmpMeta.$watchers$) {
+      cmpMeta.$watchers$ = Cstr.watchers;
+    }
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
@@ -922,6 +977,17 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           configurable: true,
           enumerable: true
         });
+      } else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
+        Object.defineProperty(prototype, memberName, {
+          value(...args) {
+            var _a2;
+            const ref = getHostRef(this);
+            return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
+              var _a3;
+              return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
+            });
+          }
+        });
       }
     });
     if ((flags & 1 /* isElementConstructor */)) {
@@ -990,6 +1056,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
       }
       if (!Cstr.isProxied) {
+        {
+          cmpMeta.$watchers$ = Cstr.watchers;
+        }
         proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
         Cstr.isProxied = true;
       }
@@ -1005,6 +1074,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
       }
+      {
+        hostRef.$flags$ |= 128 /* isWatchReady */;
+      }
       endNewInstance();
     } else {
       Cstr = elm.constructor;
@@ -1074,6 +1146,9 @@ var connectedCallback = (elm) => {
   }
 };
 var disconnectInstance = (instance) => {
+  {
+    safeCall(instance, "disconnectedCallback");
+  }
 };
 var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
@@ -1084,8 +1159,10 @@ var disconnectedCallback = async (elm) => {
         hostRef.$rmListeners$ = void 0;
       }
     }
-    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-      hostRef.$onReadyPromise$.then(() => disconnectInstance());
+    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+      disconnectInstance(hostRef.$lazyInstance$);
+    } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
     }
   }
 };
@@ -1108,6 +1185,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
+      var _a2;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -1126,6 +1204,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       {
         cmpMeta.$attrsToReflect$ = [];
       }
+      {
+        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+      }
       const tagName = cmpMeta.$tagName$;
       const HostElement = class extends HTMLElement {
         // StencilLazyHost
@@ -1244,6 +1325,7 @@ var setNonce = (nonce) => plt.$nonce$ = nonce;
 
 exports.bootstrapLazy = bootstrapLazy;
 exports.createEvent = createEvent;
+exports.getAssetPath = getAssetPath;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-71fae404.js');
+const index = require('./index-3fa5f550.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["helper-filters_2.cjs",[[1,"helper-filters",{"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"],"translationUrl":[520,"translation-url"],"showFilterModal":[32],"showClearButton":[32],"filterData":[32],"filterDataReset":[32],"limitStylingAppends":[32],"ticketTypeList":[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);
+  return index.bootstrapLazy([["general-multi-select_3.cjs",[[1,"helper-filters",{"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"],"translationUrl":[520,"translation-url"],"showFilterModal":[32],"showClearButton":[32],"filterData":[32],"filterDataReset":[32],"limitStylingAppends":[32],"ticketTypeList":[32]},[[0,"modalCloseEvent","modalCloseEvent"]]],[1,"general-multi-select",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"options":[16],"maxVisibleChips":[2,"max-visible-chips"],"placeholder":[1],"selectedValues":[32],"dropdownOpen":[32],"overflowOpen":[32],"popoverStyle":[32],"clear":[64]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"helper-modal",{"titleModal":[513,"title-modal"],"visible":[1540],"clientStyling":[513,"client-styling"],"clientStylingUrlContent":[513,"client-styling-url-content"],"limitStylingAppends":[32]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -8,6 +8,12 @@
     "typescriptVersion": "5.4.5"
   },
   "collections": [
+    {
+      "name": "@everymatrix/general-multi-select",
+      "tags": [
+        "general-multi-select"
+      ]
+    },
     {
       "name": "@everymatrix/helper-modal",
       "tags": [

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

@@ -127,4 +127,8 @@
 
 .ticketFilterItem {
   margin: 12px 0;
+}
+
+.general-multi-select-container {
+  width: var(--vaadin-field-default-width, 16em);
 }

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

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { translate, getTranslations } from "../../utils/locale.utils";
 import "../../../../../helper-modal/dist/types/index";
+import "../../../../../general-multi-select/dist/types/index";
 import "../../../../../../../libs/vaadin-facade/index";
 import { format } from "date-fns";
 export class HelperFilters {
@@ -144,13 +145,16 @@ export class HelperFilters {
         dom.i18n = Object.assign(Object.assign({}, dom.i18n), { formatDate: this.formateDate, parseDate: this.parseDate });
     }
     render() {
-        return (h("div", { key: 'a9a89658d3591e8e4aa680920f4f2e9f1cf1fc93', class: "HelperFilters", ref: (el) => (this.stylingContainer = el) }, h("div", { key: '6d8f5a5e6467726a7f95057a792da773784e1b48', class: "FilterButtonsWrapper" }, h("button", { key: '5f8c4842e3497754631acc2eeef6b9d0f725a0c4', 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: '24a5ae73bed69d1ddb4e2c847f09eddfec3d35bc', "title-modal": "Filter Modal", visible: this.showFilterModal, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }, h("div", { key: '3194d625f6a0b1c113b96ef88620fc73fabe550f', class: "FilterModalHeader" }, h("h3", { key: '4578b3940a0e5a1ed65f234d6b45b397c8b5dec7', class: "FilterModalTitle" }, this.activateTicketSearch
+        return (h("div", { key: '38024b55a7afaa317f11fe7dc3832e6e3ebcf7ac', class: "HelperFilters", ref: (el) => (this.stylingContainer = el) }, h("div", { key: '30f033084f8b40ceb660a92d6769fd1dfb1f7d98', class: "FilterButtonsWrapper" }, h("button", { key: '3c347b67791547808207fd72c57c10a0c62c9e25', 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: '71eed9aa7b4c9aa16d218ad7103181498c81975a', "title-modal": "Filter Modal", visible: this.showFilterModal, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }, h("div", { key: 'a97c9b4a1cbc1fb0afc0a128e626ead51c7f8047', class: "FilterModalHeader" }, h("h3", { key: '10f4051b2e02ccd372c3e0dbe757983ba43a16e6', class: "FilterModalTitle" }, this.activateTicketSearch
             ? translate('filterModalTicketTitle', this.language)
-            : translate('filterModalDrawTitle', this.language))), h("div", { key: 'd8f95fd76ad9a92492dddb575a7e0a21053cd15b', class: "FilterModalBody" }, this.activateTicketSearch && (h("div", { key: '1beab701dd04c85d676f453243fe90ad5ff570f6', class: "ticketFilterContainer" }, h("div", { key: '0761d5adb0d30de551bb599925a350a93302e927', class: "ticketFilterItem" }, h("div", { key: '33d1a16ac3ff42254542a77a3dfd805f45ffabf3', class: "filterKey" }, translate('filterTicketIdPlaceholder', this.language)), h("vaadin-text-field", { key: '48de372200553e9e2cb3f1944348cef3086035e0', placeholder: translate('filterTicketIdPlaceholder', this.language), value: this.filterData.ticketId, onInput: (event) => this.handleTicketId(event) })), h("div", { key: '996fd815df0045df76b6c642f3b17e85ccd99926', class: "ticketFilterItem" }, h("div", { key: '4df8aa3b0012ff82d7ee93a366cb14f83d5d2533', class: "filterKey" }, translate('searchByTicketType', this.language)), h("vaadin-multi-select-combo-box", { key: '27a9d591abefa8ab97304939d37fa7964fbe0ab6', ref: (el) => (this.comboBox = el), placeholder: translate('filterTiketTypePlaceholder', this.language), items: this.ticketTypeList, onChange: this.handleTicketType, itemValuePath: "value", itemLabelPath: "label" })))), h("div", { key: 'a0c1fde50e6c0963894a0d45c8523c7153244205', class: "filterItem" }, h("div", { key: '4d4dba8c36bb91efa5f51801b539e50f13db8b6e', class: "filterKey" }, translate('searchByDate', this.language)), h("div", { key: 'ba6c1d9ac1676c71e40a40054855e1638b0b3229', class: "FilterCalendarWrapper" }, h("vaadin-date-picker", { key: 'fda0df00197b49fba4d63683e34e278a3d0238c8', value: this.filterData.filterFromCalendar, max: this.filterData.filterToCalendar === undefined
+            : translate('filterModalDrawTitle', this.language))), h("div", { key: '50f4af101f28a436b0a275010c89eae94833d449', class: "FilterModalBody" }, this.activateTicketSearch && (h("div", { key: '1426e94093e76ec65f53a9b6a50aca564f572aab', class: "ticketFilterContainer" }, h("div", { key: '4aa30387fb87aa411a21ea4452316f139c3301fd', class: "ticketFilterItem" }, h("div", { key: '66136fc7c3588b834f02d1efeb2e622e1bd0b52d', class: "filterKey" }, translate('filterTicketIdPlaceholder', this.language)), h("vaadin-text-field", { key: '522a8fdc8ad41b033f4126bf27cb449d9db6606e', placeholder: translate('filterTicketIdPlaceholder', this.language), value: this.filterData.ticketId, onInput: (event) => this.handleTicketId(event) })), h("div", { key: 'd2cde3e11ba86f6443fca85cde2c7383a87585b8', class: "ticketFilterItem" }, h("div", { key: '6b98a9e702f484c19754a04cb4f1a009c9add01a', class: "filterKey" }, translate('searchByTicketType', this.language)), h("div", { key: 'b52029c39d340ec3e5aa7f9b6844d3cf05bdaadc', class: "general-multi-select-container" }, h("general-multi-select", { key: 'bf2948532aba6d577eb50e338d2a6c5e5737f674', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrlContent, ref: (el) => (this.comboBox = el), placeholder: translate('filterTiketTypePlaceholder', this.language), "max-visible-chips": "2", options: this.ticketTypeList.map((item) => ({
+                text: item.label,
+                value: item.value
+            })), onChange: this.handleTicketType }))))), h("div", { key: 'e7214b53b0c05f6379da1f6e83b69b8aadfcc59a', class: "filterItem" }, h("div", { key: '2262d0e72ac653f93c04381d70b797e9fff68ead', class: "filterKey" }, translate('searchByDate', this.language)), h("div", { key: 'c1b10ba14ebe8624af0708d0a500b9a1d1751dbf', class: "FilterCalendarWrapper" }, h("vaadin-date-picker", { key: '807a7987b19ecdc3b34d759a9a5d68d3f77e27dd', value: this.filterData.filterFromCalendar, max: this.filterData.filterToCalendar === undefined
                 ? undefined
-                : this.changeFormate(this.filterData.filterToCalendar), onChange: this.handleFilterFrom, placeholder: translate('filterFromCalendar', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" }), h("vaadin-date-picker", { key: '6ebea129e53651be09307be97a48b06d9dfb830d', value: this.filterData.filterToCalendar, min: this.filterData.filterFromCalendar === undefined
+                : this.changeFormate(this.filterData.filterToCalendar), onChange: this.handleFilterFrom, placeholder: translate('filterFromCalendar', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" }), h("vaadin-date-picker", { key: '3be5eea8d7c41f84c0d624faf32cd800468366a4', value: this.filterData.filterToCalendar, min: this.filterData.filterFromCalendar === undefined
                 ? undefined
-                : this.changeFormate(this.filterData.filterFromCalendar), onChange: this.handleFilterTo, placeholder: translate('filterToCalendar', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" })))), h("div", { key: '4f2a5df9654db0b64741808baf6225d5cbcfeb95', class: "FilterModalFooter" }, h("button", { key: 'a9d7b1b0a4094c30447ab4e3d40b7c185b9eab71', class: "FilterModalButton", onClick: () => this.filterSearch() }, translate('filterModalButton', this.language))))));
+                : this.changeFormate(this.filterData.filterFromCalendar), onChange: this.handleFilterTo, placeholder: translate('filterToCalendar', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" })))), h("div", { key: '0987fee1be9552effcc023b93e67886e7bab535a', class: "FilterModalFooter" }, h("button", { key: 'f46728dfb5e63db90f6c8437d233b47354419295', class: "FilterModalButton", onClick: () => this.filterSearch() }, translate('filterModalButton', this.language))))));
     }
     static get is() { return "helper-filters"; }
     static get encapsulation() { return "shadow"; }