@everymatrix/helper-filters 1.54.4 → 1.54.8

package/dist/cjs/{index-b713c8b0.js → index-a3bc6484.js}

@@ -21,10 +21,10 @@ 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: false, 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, modernPropertyDecls: 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: 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, modernPropertyDecls: 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 };
 
 /*
- Stencil Client Platform v4.25.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.25.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -823,6 +823,9 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
         hostRef.$queuedListeners$ = void 0;
       }
     }
+    {
+      maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
+    }
   }
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
@@ -919,9 +922,6 @@ var postUpdateComponent = (hostRef) => {
   }
 };
 var appDidLoad = (who) => {
-  {
-    addHydratedFlag(doc.documentElement);
-  }
   nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
 };
 var safeCall = (instance, method, arg, elm) => {
@@ -1094,7 +1094,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   let Cstr;
   if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
     hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-    {
+    const bundleId = cmpMeta.$lazyBundleId$;
+    if (bundleId) {
       const CstrImport = loadModule(cmpMeta, hostRef);
       if (CstrImport && "then" in CstrImport) {
         const endLoad = uniqueTime();
@@ -1123,6 +1124,10 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
       }
       endNewInstance();
+    } else {
+      Cstr = elm.constructor;
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
     if (Cstr && Cstr.style) {
       let style;
@@ -1290,6 +1295,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           plt.raf(() => {
             var _a3;
             const hostRef = getHostRef(this);
+            const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
+            if (i2 > -1) {
+              deferredConnectedCallbacks.splice(i2, 1);
+            }
             if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
               delete hostRef.$vnode$.$elm$;
             }

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b713c8b0.js');
+const index = require('./index-a3bc6484.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",{"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);
+  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"],"translationUrl":[520,"translation-url"],"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.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.25.1",
+    "version": "4.25.3",
     "typescriptVersion": "5.5.4"
   },
   "collections": [

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

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { translate } from "../../utils/locale.utils";
+import { translate, getTranslations } from "../../utils/locale.utils";
 import "@vaadin/date-picker";
 import "../../../../../helper-modal/dist/types/index";
 export class HelperFilters {
@@ -76,6 +76,11 @@ export class HelperFilters {
             }, 1);
         };
     }
+    componentWillLoad() {
+        if (this.translationUrl) {
+            getTranslations(JSON.parse(this.translationUrl));
+        }
+    }
     // reset field values each time the filter modal opens
     componentDidRender() {
         // @TODO: to way binding?
@@ -121,10 +126,10 @@ export class HelperFilters {
         this.filterData = {};
     }
     render() {
-        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) ?
+        return (h("div", { key: '92b6e88d833f8fdc12d833636e80aff214a8eb9d', class: "HelperFilters", ref: el => this.stylingContainer = el }, h("div", { key: 'fed2cf119553fc6d2b9ecaaf83e3c68ef040fd46', class: "FilterButtonsWrapper" }, h("button", { key: '2ef40face6ef68541041994f263094d155aca23e', 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: '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))))));
+                null), h("helper-modal", { key: '7b6a634f3f1f4497d6d39aebcb8249d153e5c277', "title-modal": "Filter Modal", visible: this.showFilterModal, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }, h("div", { key: '37c5aaabc27e32d24de1e3a50c8140c3674e07d5', class: "FilterModalHeader" }, h("h3", { key: '50b10b90dffdff3edd5933278d3ab000ecc2a93a', class: "FilterModalTitle" }, this.activateTicketSearch ? translate('filterModalTicketTitle', this.language) : translate('filterModalDrawTitle', this.language))), h("div", { key: 'bf843f5003fe32555a949474b1fa7b966000cb83', class: "FilterModalBody" }, this.showFilterId && h("div", { key: 'bd763dc296c986f1d3a2c04e30f2c4c8f02c9b7e' }, h("input", { key: 'd393e06b61d5f14e3a28330c15c3fb01257c8472', 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: 'f8a8afe9594f8f0cad7bf0654f23348341f08a3d' }, translate('filterOrDate', this.language))), h("div", { key: 'a6b8fc4a3c424a1d56236c168e0298de3511cba5', class: "FilterCalendarWrapper" }, h("vaadin-date-picker", { key: '06c32fbf0073a7097ec6a8c24b200868a0c525cb', value: this.filterData.filterFromCalendar, onChange: this.handleFilterFrom, placeholder: translate('filterFromCalendar', this.language), class: "VaadinDatePicker" }), h("vaadin-date-picker", { key: 'a4d4212b6107ce9cf572f40a4713d9d038c8b395', value: this.filterData.filterToCalendar, onChange: this.handleFilterTo, placeholder: translate('filterToCalendar', this.language), class: "VaadinDatePicker" }))), h("div", { key: '7dec7662f1b093b6c443d0c194eb614aa608a342', class: "FilterModalFooter" }, h("button", { key: '336d6f0a0fb88bff6c44f593a754afbc43cd1e03', class: "FilterModalButton", onClick: () => this.filterSearch() }, translate('filterModalButton', this.language))))));
     }
     static get is() { return "helper-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -339,6 +344,25 @@ export class HelperFilters {
                 "attribute": "client-styling-url-content",
                 "reflect": true,
                 "defaultValue": "''"
+            },
+            "translationUrl": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Translations via parent component"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "translation-url",
+                "reflect": true
             }
         };
     }

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

@@ -8,7 +8,6 @@ const TRANSLATIONS = {
         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',
@@ -21,7 +20,6 @@ const TRANSLATIONS = {
         filterModalDrawTitle: 'Rezultatele draw-urilor',
         filterTicketPlaceholder: 'Cauta ID bilet',
         filterDrawPlaceholder: 'Cauta ID draw',
-        filterDateRangePlaceholder: 'Perioada',
         filterModalButton: 'Cauta',
         filterOrDate: 'sau cauta dupa data'
     },
@@ -32,7 +30,6 @@ const TRANSLATIONS = {
         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',
@@ -45,7 +42,6 @@ const TRANSLATIONS = {
         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',
@@ -58,7 +54,6 @@ const TRANSLATIONS = {
         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',
@@ -69,3 +64,10 @@ export const translate = (key, customLang) => {
     const lang = customLang;
     return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
 };
+export const getTranslations = (data) => {
+    Object.keys(data).forEach((item) => {
+        for (let key in data[item]) {
+            TRANSLATIONS[item][key] = data[item][key];
+        }
+    });
+};

package/dist/esm/helper-filters.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-82b8e4db.js';
-export { s as setNonce } from './index-82b8e4db.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-811e4747.js';
+export { s as setNonce } from './index-811e4747.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.25.3 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;
@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["helper-filters_2",[[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);
+  return bootstrapLazy([["helper-filters_2",[[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"],"translationUrl":[520,"translation-url"],"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);
 });