@everymatrix/casino-filter 1.17.0 → 1.17.2

package/dist/casino-filter.js

@@ -675,5 +675,5 @@ r(7,S=_.length===E.length||0==_.length),r(8,B=_.length)},L=()=>{const e=new URL(
 // needed to force the update of the filters value
 O()})).catch((e=>{console.error(e),r(10,P=!0),n(e)})).finally((()=>{r(9,H=!1)}))}))})(e)},I=()=>{r(6,_=[]),localStorage.setItem("vendorFiltersByCategory",JSON.stringify(T={[d]:_.map((e=>e.id))})),E.forEach((e=>e.isFilterSelected=!1)),
 // this reassignation of the pointer value is required in order to have Svelte trigger a re-render
-r(5,E),window.postMessage({type:"ApplyFilters"},window.location.href),r(7,S=!0),r(4,g=!1)},x=e=>{"SortingOpened"==e.data.type&&r(4,g=!1)};w((()=>(window.addEventListener("message",x,!1),()=>{window.removeEventListener("message",x)})));return e.$$set=e=>{"endpoint"in e&&r(15,a=e.endpoint),"datasource"in e&&r(16,l=e.datasource),"lang"in e&&r(17,u=e.lang),"translationurl"in e&&r(18,h=e.translationurl),"clientstyling"in e&&r(19,f=e.clientstyling),"clientstylingurl"in e&&r(20,p=e.clientstylingurl),"categoryid"in e&&r(21,d=e.categoryid),"addfilterselector"in e&&r(0,m=e.addfilterselector),"addsortingselector"in e&&r(1,y=e.addsortingselector),"filterbylogo"in e&&r(2,b=e.filterbylogo)},e.$$.update=()=>{/*endpoint, datasource, categoryid, filterbylogo*/2195460&e.$$.dirty[0]&&a&&l&&d&&b&&L(),/*clientstyling, customStylingContainer*/524296&e.$$.dirty[0]&&f&&s&&(()=>{let e=document.createElement("style");e.innerHTML=f,s.appendChild(e)})(),/*clientstylingurl, customStylingContainer*/1048584&e.$$.dirty[0]&&p&&s&&(()=>{let e=document.createElement("style");fetch(new URL(p)).then((e=>e.text())).then((t=>{e.innerHTML=t,setTimeout((()=>{s.appendChild(e)}),1)}))})(),/*translationurl*/262144&e.$$.dirty[0]&&h&&fetch(h).then((e=>e.json())).then((e=>{Object.keys(e).forEach((t=>{Bn(t,e[t])}))})).catch((e=>{console.log(e)}))},[m,y,b,s,g,E,_,S,B,H,P,n,C,F,I,a,l,u,h,f,p,d,()=>C(),function(e,t){e[t].isFilterSelected=this.checked,r(5,E)},e=>F(e),()=>I(),function(e){A[e?"unshift":"push"]((()=>{s=e,r(3,s)}))}]}class Un extends U{constructor(e){super();const t=document.createElement("style");t.textContent='.SearchLoading{color:var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF))}.FilterContainer{color:var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF));position:relative;z-index:16}.FilterSelector{background-color:var(--emfe-w-color-gray-300, #58586B);display:flex;position:relative;padding:10px 16px;border-radius:5px;justify-content:space-between;align-items:center;max-width:fit-content;cursor:pointer}.FilterSelector.FilterSelectorOpen{border-radius:5px 5px 0 0}.FilterMainArea{display:flex;align-items:center}.FilterMainArea svg{margin-right:16px}.FilterName{font-size:11px;line-height:12px;color:var(--emfe-w-color-gray-100, #E6E6E6);text-transform:uppercase}.FilterTextContainer{display:flex;flex-direction:column}.FilterValueContainer{font-size:14px;line-height:16px;font-weight:300}.TriangleInactive{display:block;color:currentColor;margin:0 0 0 15px;transition:all 0.5s}.TriangleActive{transform:rotate(180deg);position:relative;top:2px}.FilterDropdownContainer{padding:0;background:rgb(88, 88, 107);background:linear-gradient(180deg, rgba(88, 88, 107, 0.9) 0%, rgba(7, 7, 42, 0.9) 95%);display:flex;flex-direction:column;align-items:center;transition:max-height 0.15s ease-out;max-height:0;border-radius:0 0 5px 5px;position:absolute;top:48px;margin-bottom:40px;overflow:hidden;margin:0}.FilterDropdownContainer.FilterOpen{width:100%;max-height:fit-content;transition:max-height 0.25s ease-in;padding-top:20px}.FilterDropdown{width:100%;max-height:300px;display:flex;flex-direction:column;gap:10px;margin:0;padding-inline-start:0;overflow:scroll;list-style:none;-ms-overflow-style:none;scrollbar-width:none}.FilterDropdown::-webkit-scrollbar{display:none}.FilterItem label{font-size:14px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;padding:0 15px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.FilterItem input{cursor:pointer;margin-right:10px}.FilterItem:hover input~.FiltersCheckmark{background-color:transparent;border:1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C))}.FilterItem input:checked~.FiltersCheckmark{background-color:var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));border:1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C))}.FilterItem .FiltersCheckmark{transition:all 0.05s ease-in;margin-right:15px}.FilterItem .FiltersCheckmark:after{content:"";position:absolute;left:9px;display:none}.FilterItem input:checked~.FiltersCheckmark:after{display:block}.FilterItem .FiltersCheckmark:after{left:8px;top:4px;width:5px;height:10px;border:1px solid solid var(--emfe-w-color-white, #FFFFFF);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.FilerContainerSplit .FilterItemWithLogos .FiltersCheckmark{margin:0}.FilterLabel input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.FilterLabel .FiltersCheckmark{border-radius:8px;position:relative;height:22px;width:22px;min-width:22px;background-color:transparent;border:1px solid var(--emfe-w-color-white, #FFFFFF)}.FilterLabel .FilterItemLabel{width:100%;display:flex;justify-content:space-between}.FilterItemWithLogos label{height:70px;display:flex;justify-content:space-evenly;align-items:center}.FilterItemWithLogos label img{width:70px}.FilterLabel input:checked+span{font-weight:600}.FilterCounter{display:inline-flex;margin-left:10px;min-width:17px}.ClearFilters{margin:20px auto;border:0;color:#fff;background-color:var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));border:1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));font-size:18px;padding:10px 50px;border-radius:5px;cursor:pointer;transition:all 0.1s ease-in;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ClearFilters:disabled{background:var(--emfe-w-color-gray-100, #E6E6E6);border:1px solid var(--emfe-w-color-gray-150, #828282);pointer-events:none;cursor:not-allowed}@media only screen and (max-width: 768px){.FilterSelector{max-width:initial}.FilterDropdownContainer{width:100%;margin-bottom:20px}.FilterDropdown{margin-block-start:0;gap:14px}.FilterItemWithLogos label{justify-content:center}.FilerContainerSplit .FilterSelector{padding:7px}.FilerContainerSplit .FilterSelector .FilterCounter{margin-left:0}.FilerContainerSplit .FilterMainArea svg{margin:0 10px}.FilerContainerSplit .FilterDropdown{padding:0 5px;box-sizing:border-box}.FilerContainerSplit .FilterDropdownContainer{top:42px}.FilerContainerSplit .ClearFilters{padding:8px 20px;font-size:15px}.FilterLabel .FiltersCheckmark{margin-right:15px}.FilterItem.FilterItemWithLogos{display:flex;align-items:center;justify-content:center}.FilerContainerSplit .FilterItemWithLogos .FiltersCheckmark{margin:0 20px 0 0}.FilerContainerSplit .FilterItem label{padding:0;width:calc(100% - 10px);font-size:12px}.FilterItem label>*{pointer-events:none}}',this.shadowRoot.appendChild(t),M(this,{target:this.shadowRoot,props:E(this.attributes),customElement:!0},Mn,Rn,o,{endpoint:15,datasource:16,lang:17,translationurl:18,clientstyling:19,clientstylingurl:20,categoryid:21,addfilterselector:0,addsortingselector:1,filterbylogo:2},null,[-1,-1]),e&&(e.target&&h(e.target,this,e.anchor),e.props&&(this.$set(e.props),L()))}static get observedAttributes(){return["endpoint","datasource","lang","translationurl","clientstyling","clientstylingurl","categoryid","addfilterselector","addsortingselector","filterbylogo"]}get endpoint(){return this.$$.ctx[15]}set endpoint(e){this.$$set({endpoint:e}),L()}get datasource(){return this.$$.ctx[16]}set datasource(e){this.$$set({datasource:e}),L()}get lang(){return this.$$.ctx[17]}set lang(e){this.$$set({lang:e}),L()}get translationurl(){return this.$$.ctx[18]}set translationurl(e){this.$$set({translationurl:e}),L()}get clientstyling(){return this.$$.ctx[19]}set clientstyling(e){this.$$set({clientstyling:e}),L()}get clientstylingurl(){return this.$$.ctx[20]}set clientstylingurl(e){this.$$set({clientstylingurl:e}),L()}get categoryid(){return this.$$.ctx[21]}set categoryid(e){this.$$set({categoryid:e}),L()}get addfilterselector(){return this.$$.ctx[0]}set addfilterselector(e){this.$$set({addfilterselector:e}),L()}get addsortingselector(){return this.$$.ctx[1]}set addsortingselector(e){this.$$set({addsortingselector:e}),L()}get filterbylogo(){return this.$$.ctx[2]}set filterbylogo(e){this.$$set({filterbylogo:e}),L()}}return!customElements.get("casino-filter")&&customElements.define("casino-filter",Un),Un}));
+r(5,E),window.postMessage({type:"ApplyFilters"},window.location.href),r(7,S=!0),r(4,g=!1)},x=e=>{"SortingOpened"==e.data.type&&r(4,g=!1)};w((()=>(window.addEventListener("message",x,!1),()=>{window.removeEventListener("message",x)})));return e.$$set=e=>{"endpoint"in e&&r(15,a=e.endpoint),"datasource"in e&&r(16,l=e.datasource),"lang"in e&&r(17,u=e.lang),"translationurl"in e&&r(18,h=e.translationurl),"clientstyling"in e&&r(19,f=e.clientstyling),"clientstylingurl"in e&&r(20,p=e.clientstylingurl),"categoryid"in e&&r(21,d=e.categoryid),"addfilterselector"in e&&r(0,m=e.addfilterselector),"addsortingselector"in e&&r(1,y=e.addsortingselector),"filterbylogo"in e&&r(2,b=e.filterbylogo)},e.$$.update=()=>{/*endpoint, datasource, categoryid, filterbylogo*/2195460&e.$$.dirty[0]&&a&&l&&d&&b&&L(),/*clientstyling, customStylingContainer*/524296&e.$$.dirty[0]&&f&&s&&(()=>{let e=document.createElement("style");e.innerHTML=f,s.appendChild(e)})(),/*clientstylingurl, customStylingContainer*/1048584&e.$$.dirty[0]&&p&&s&&(()=>{let e=document.createElement("style");fetch(new URL(p)).then((e=>e.text())).then((t=>{e.innerHTML=t,setTimeout((()=>{s.appendChild(e)}),1)}))})(),/*translationurl*/262144&e.$$.dirty[0]&&h&&fetch(h).then((e=>e.json())).then((e=>{Object.keys(e).forEach((t=>{Bn(t,e[t])}))})).catch((e=>{console.log(e)}))},[m,y,b,s,g,E,_,S,B,H,P,n,C,F,I,a,l,u,h,f,p,d,()=>C(),function(e,t){e[t].isFilterSelected=this.checked,r(5,E)},e=>F(e),()=>I(),function(e){A[e?"unshift":"push"]((()=>{s=e,r(3,s)}))}]}class Un extends U{constructor(e){super();const t=document.createElement("style");t.textContent='.SearchLoading{color:var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF))}.FilterContainer{color:var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF));position:relative;z-index:16}.FilterSelector{background-color:var(--emfe-w-color-gray-300, #58586B);display:flex;position:relative;padding:10px 16px;border-radius:5px;justify-content:space-between;align-items:center;max-width:fit-content;cursor:pointer}.FilterSelector.FilterSelectorOpen{border-radius:5px 5px 0 0}.FilterMainArea{display:flex;align-items:center}.FilterMainArea svg{margin-right:16px}.FilterName{font-size:11px;line-height:12px;color:var(--emfe-w-color-gray-100, #E6E6E6);text-transform:uppercase}.FilterTextContainer{display:flex;flex-direction:column}.FilterValueContainer{font-size:14px;line-height:16px;font-weight:300}.TriangleInactive{display:block;color:currentColor;margin:0 0 0 15px;transition:all 0.5s}.TriangleActive{transform:rotate(180deg);position:relative;top:2px}.FilterDropdownContainer{padding:0;background:rgb(88, 88, 107);background:linear-gradient(180deg, rgba(88, 88, 107, 0.9) 0%, rgba(7, 7, 42, 0.9) 95%);display:flex;flex-direction:column;align-items:center;transition:max-height 0.15s ease-out;max-height:0;border-radius:0 0 5px 5px;position:absolute;top:48px;margin-bottom:40px;overflow:hidden;margin:0}.FilterDropdownContainer.FilterOpen{width:100%;max-height:fit-content;transition:max-height 0.25s ease-in;padding-top:20px}.FilterDropdown{width:100%;max-height:300px;display:flex;flex-direction:column;gap:10px;margin:0;padding-inline-start:0;overflow:scroll;list-style:none;-ms-overflow-style:none;scrollbar-width:none}.FilterDropdown::-webkit-scrollbar{display:none}.FilterItem label{font-size:14px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;padding:0 15px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.FilterItem input{cursor:pointer;margin-right:10px}.FilterItem:hover input~.FiltersCheckmark{background-color:transparent;border:1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C))}.FilterItem input:checked~.FiltersCheckmark{background-color:var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));border:1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C))}.FilterItem .FiltersCheckmark{transition:all 0.05s ease-in;margin-right:15px}.FilterItem .FiltersCheckmark:after{content:"";position:absolute;left:9px;display:none}.FilterItem input:checked~.FiltersCheckmark:after{display:block}.FilterItem .FiltersCheckmark:after{left:8px;top:4px;width:5px;height:10px;border:1px solid solid var(--emfe-w-color-white, #FFFFFF);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.FilerContainerSplit .FilterItemWithLogos .FiltersCheckmark{margin:0}.FilterLabel input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.FilterLabel .FiltersCheckmark{border-radius:8px;position:relative;height:22px;width:22px;min-width:22px;background-color:transparent;border:1px solid var(--emfe-w-color-white, #FFFFFF)}.FilterLabel .FilterItemLabel{width:100%;display:flex;justify-content:space-between}.FilterItemWithLogos label{height:70px;display:flex;justify-content:space-evenly;align-items:center}.FilterItemWithLogos label img{width:70px}.FilterLabel input:checked+span{font-weight:600}.FilterCounter{display:inline-flex;margin-left:10px;min-width:17px}.ClearFilters{margin:20px auto;border:0;color:#fff;background-color:var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));border:1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));font-size:18px;padding:10px 50px;border-radius:5px;cursor:pointer;transition:all 0.1s ease-in;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ClearFilters:disabled{background:var(--emfe-w-color-gray-100, #E6E6E6);border:1px solid var(--emfe-w-color-gray-150, #828282);pointer-events:none;cursor:not-allowed}@media only screen and (max-width: 768px){.FilterSelector{max-width:initial}.FilterDropdownContainer{width:100%;margin-bottom:20px}.FilterDropdown{margin-block-start:0;gap:14px}.FilterItemWithLogos label{justify-content:center}.FilerContainerSplit .FilterSelector{padding:7px}.FilerContainerSplit .FilterSelector .FilterCounter{margin-left:0}.FilerContainerSplit .FilterMainArea svg{margin:0 10px}.FilerContainerSplit .FilterDropdown{padding:0 5px;box-sizing:border-box}.FilerContainerSplit .FilterDropdownContainer{top:42px}.FilerContainerSplit .ClearFilters{padding:8px 20px;font-size:15px}.FilterLabel .FiltersCheckmark{margin-right:15px}.FilterItem.FilterItemWithLogos{display:flex;align-items:center;justify-content:center}.FilerContainerSplit .FilterItemWithLogos .FiltersCheckmark{margin:0 20px 0 0}.FilerContainerSplit .FilterItem label{padding:0;width:calc(100% - 10px);font-size:12px}.FilterItem label>*{pointer-events:none}}',this.shadowRoot.appendChild(t),M(this,{target:this.shadowRoot,props:E(this.attributes),customElement:!0},Mn,Rn,o,{endpoint:15,datasource:16,lang:17,translationurl:18,clientstyling:19,clientstylingurl:20,categoryid:21,addfilterselector:0,addsortingselector:1,filterbylogo:2},null,[-1,-1]),e&&(e.target&&h(e.target,this,e.anchor),e.props&&(this.$set(e.props),L()))}static get observedAttributes(){return["endpoint","datasource","lang","translationurl","clientstyling","clientstylingurl","categoryid","addfilterselector","addsortingselector","filterbylogo"]}get endpoint(){return this.$$.ctx[15]}set endpoint(e){this.$$set({endpoint:e}),L()}get datasource(){return this.$$.ctx[16]}set datasource(e){this.$$set({datasource:e}),L()}get lang(){return this.$$.ctx[17]}set lang(e){this.$$set({lang:e}),L()}get translationurl(){return this.$$.ctx[18]}set translationurl(e){this.$$set({translationurl:e}),L()}get clientstyling(){return this.$$.ctx[19]}set clientstyling(e){this.$$set({clientstyling:e}),L()}get clientstylingurl(){return this.$$.ctx[20]}set clientstylingurl(e){this.$$set({clientstylingurl:e}),L()}get categoryid(){return this.$$.ctx[21]}set categoryid(e){this.$$set({categoryid:e}),L()}get addfilterselector(){return this.$$.ctx[0]}set addfilterselector(e){this.$$set({addfilterselector:e}),L()}get addsortingselector(){return this.$$.ctx[1]}set addsortingselector(e){this.$$set({addsortingselector:e}),L()}get filterbylogo(){return this.$$.ctx[2]}set filterbylogo(e){this.$$set({filterbylogo:e}),L()}}return!customElements.get("casino-filter")&&customElements.define("casino-filter",Un),Un}));
 //# sourceMappingURL=casino-filter.js.map