@everymatrix/bonus-elevate-shop-item 1.43.4 → 1.45.0

package/dist/cjs/loader.cjs.js

@@ -2,20 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-355d8ffb.js');
+const index = require('./index-1035f878.js');
+const appGlobals = require('./app-globals-3a1e7e63.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(() => {
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
   return index.bootstrapLazy([["bonus-elevate-shop-assets-slider_3.cjs",[[1,"bonus-elevate-shop-item",{"endpoint":[513],"language":[513],"itemId":[1537,"item-id"],"elevateGift":[1040],"session":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"showSliderDots":[516,"show-slider-dots"],"showSliderArrows":[516,"show-slider-arrows"],"isGiftNotFound":[32],"redeemErrorMsg":[32],"isRedeeming":[32]}],[0,"bonus-elevate-shop-assets-slider",{"showSliderDots":[516,"show-slider-dots"],"showSliderArrows":[516,"show-slider-arrows"],"itemsPerPage":[514,"items-per-page"],"sliderItems":[16],"activeIndex":[32]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}]]]], options);
-  });
 };
 
+exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -1,12 +1,12 @@
 {
   "entries": [
-    "./components/bonus-elevate-shop-item/bonus-elevate-shop-assets-slider.js",
-    "./components/bonus-elevate-shop-item/bonus-elevate-shop-item.js"
+    "components/bonus-elevate-shop-item/bonus-elevate-shop-item.js",
+    "components/bonus-elevate-shop-item/bonus-elevate-shop-assets-slider.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.2",
-    "typescriptVersion": "4.5.4"
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
   },
   "collections": [
     {

package/dist/collection/components/bonus-elevate-shop-item/bonus-elevate-shop-assets-slider.js

@@ -1,225 +1,210 @@
-import { Component, Element, h, Prop, State } from '@stencil/core';
+import { h } from "@stencil/core";
 export class BonusElevateShopAssetsSlider {
-  constructor() {
-    /**
-     * Show slider dots
-     */
-    this.showSliderDots = false;
-    /**
-     * Show slider navigate arrows
-     */
-    this.showSliderArrows = true;
-    this.itemsPerPage = 1;
-    this.sliderItems = [];
-    /**
-     * Slider variables
-     */
-    this.activeIndex = 0;
-    this.xDown = null;
-    this.yDown = null;
-    this.orientationChangeHandler = () => {
-      setTimeout(() => {
-        this.recalculateItemsPerPage();
-      }, 10);
-    };
-    this.resizeHandler = () => {
-      this.recalculateItemsPerPage();
-    };
-  }
-  setActive(index) {
-    var _a;
-    const maxLength = (_a = this.sliderItems) === null || _a === void 0 ? void 0 : _a.length;
-    if (index >= 0) {
-      if (index >= maxLength - 1) {
-        this.activeIndex = maxLength - 1;
-      }
-      else {
-        this.activeIndex = index;
-      }
-    }
-    else {
-      this.activeIndex = 0;
-    }
-  }
-  move(direction) {
-    this.setActive(this.activeIndex + direction);
-  }
-  goTo(index) {
-    let diff = this.activeIndex - index;
-    if (diff > 0) {
-      for (let i = 0; i < diff; i++) {
-        this.move(-1);
-      }
-    }
-    else {
-      for (let i = 0; i > diff; i--) {
-        this.move(1);
-      }
-    }
-  }
-  handleTouchStart(evt) {
-    const firstTouch = this.getTouches(evt)[0];
-    this.xDown = firstTouch.clientX;
-    this.yDown = firstTouch.clientY;
-  }
-  getTouches(evt) {
-    return evt.touches || evt.originalEvent.touches;
-  }
-  handleTouchMove(evt) {
-    if (!this.xDown || !this.yDown)
-      return;
-    let xUp = evt.touches[0].clientX;
-    let yUp = evt.touches[0].clientY;
-    let xDiff = this.xDown - xUp;
-    let yDiff = this.yDown - yUp;
-    if (Math.abs(xDiff) > Math.abs(yDiff)) {
-      if (xDiff > 0) {
-        this.move(1);
-      }
-      else {
-        this.move(-1);
-      }
-    }
-    this.xDown = null;
-    this.yDown = null;
-  }
-  ;
-  recalculateItemsPerPage() {
-    if (!this.sliderItemsElement)
-      return;
-    this.itemElementWidth = this.sliderItemsElement.clientWidth;
-    this.sliderItemsElementWidth = (this.sliderItems.length - 1) * this.itemElementWidth;
-  }
-  ;
-  renderDots() {
-    var _a;
-    const dots = [];
-    for (let index = 0; index < ((_a = this.sliderItems) === null || _a === void 0 ? void 0 : _a.length) / this.itemsPerPage; index++) {
-      dots.push(h("li", { class: index == this.activeIndex ? 'active' : 'default', onClick: () => { this.goTo(index); this.setActive(index); } }));
-    }
-    return dots;
-  }
-  componentDidRender() {
-    this.el.addEventListener('touchstart', this.handleTouchStart.bind(this), { passive: true });
-    this.el.addEventListener('touchmove', this.handleTouchMove.bind(this), { passive: true });
-    this.recalculateItemsPerPage();
-  }
-  componentDidUpdate() {
-    this.recalculateItemsPerPage();
-  }
-  connectedCallback() {
-    window.screen.orientation.addEventListener('change', this.orientationChangeHandler);
-  }
-  disconnectedCallback() {
-    this.el.removeEventListener('touchstart', this.handleTouchStart);
-    this.el.removeEventListener('touchmove', this.handleTouchMove);
-    window.screen.orientation.removeEventListener('change', this.orientationChangeHandler);
-    window.removeEventListener('resize', this.resizeHandler);
-  }
-  render() {
-    var _a;
-    const styles = {
-      transform: `translate(${(this.sliderItemsElementWidth / (((_a = this.sliderItems) === null || _a === void 0 ? void 0 : _a.length) - 1) * this.activeIndex) * -1}px, 0px)`
-    };
-    const itemStyle = {
-      width: `${this.itemElementWidth / this.itemsPerPage}px`
-    };
-    return h("div", { class: "SliderWrapper" },
-      h("div", { class: 'MainContent ' },
-        this.showSliderArrows &&
-          h("div", { class: `SliderNavButton LeftArrow ${this.activeIndex === 0 ? 'DisabledArrow ' : ''} ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}`, onClick: () => this.move(-1) },
-            h("svg", { fill: "none", stroke: "var(--emfe-w-color-secondary, #FD2839)", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-              h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 19l-7-7 7-7" }))),
-        h("div", { class: 'ItemsWrapper', ref: (el) => this.sliderItemsElement = el },
-          h("div", { class: 'Items AssetsItems', style: styles }, this.sliderItems.map((assetUrl) => h("img", { class: `img${this.itemsPerPage}`, alt: 'Gift Thumbnails', style: itemStyle, src: assetUrl })))),
-        this.showSliderArrows &&
-          h("div", { class: `SliderNavButton RightArrow  ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
-                      ${(this.activeIndex === (this.sliderItems.length - 1) || this.itemsPerPage == this.sliderItems.length) ? 'DisabledArrow' : ''}`, onClick: () => this.move(1) },
-            h("svg", { fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-              h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 5l7 7-7 7" })))),
-      this.showSliderDots && this.sliderItems.length > 1 &&
-        h("div", { class: "DotsWrapper" },
-          h("ul", { class: "Dots" }, this.renderDots())));
-  }
-  static get is() { return "bonus-elevate-shop-assets-slider"; }
-  static get properties() { return {
-    "showSliderDots": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Show slider dots"
-      },
-      "attribute": "show-slider-dots",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "showSliderArrows": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Show slider navigate arrows"
-      },
-      "attribute": "show-slider-arrows",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "itemsPerPage": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "items-per-page",
-      "reflect": true,
-      "defaultValue": "1"
-    },
-    "sliderItems": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<any>",
-        "resolved": "any[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          }
+    constructor() {
+        this.xDown = null;
+        this.yDown = null;
+        this.orientationChangeHandler = () => {
+            setTimeout(() => {
+                this.recalculateItemsPerPage();
+            }, 10);
+        };
+        this.resizeHandler = () => {
+            this.recalculateItemsPerPage();
+        };
+        this.showSliderDots = false;
+        this.showSliderArrows = true;
+        this.itemsPerPage = 1;
+        this.sliderItems = [];
+        this.activeIndex = 0;
+    }
+    setActive(index) {
+        var _a;
+        const maxLength = (_a = this.sliderItems) === null || _a === void 0 ? void 0 : _a.length;
+        if (index >= 0) {
+            if (index >= maxLength - 1) {
+                this.activeIndex = maxLength - 1;
+            }
+            else {
+                this.activeIndex = index;
+            }
+        }
+        else {
+            this.activeIndex = 0;
+        }
+    }
+    move(direction) {
+        this.setActive(this.activeIndex + direction);
+    }
+    goTo(index) {
+        let diff = this.activeIndex - index;
+        if (diff > 0) {
+            for (let i = 0; i < diff; i++) {
+                this.move(-1);
+            }
+        }
+        else {
+            for (let i = 0; i > diff; i--) {
+                this.move(1);
+            }
+        }
+    }
+    handleTouchStart(evt) {
+        const firstTouch = this.getTouches(evt)[0];
+        this.xDown = firstTouch.clientX;
+        this.yDown = firstTouch.clientY;
+    }
+    getTouches(evt) {
+        return evt.touches || evt.originalEvent.touches;
+    }
+    handleTouchMove(evt) {
+        if (!this.xDown || !this.yDown)
+            return;
+        let xUp = evt.touches[0].clientX;
+        let yUp = evt.touches[0].clientY;
+        let xDiff = this.xDown - xUp;
+        let yDiff = this.yDown - yUp;
+        if (Math.abs(xDiff) > Math.abs(yDiff)) {
+            if (xDiff > 0) {
+                this.move(1);
+            }
+            else {
+                this.move(-1);
+            }
+        }
+        this.xDown = null;
+        this.yDown = null;
+    }
+    ;
+    recalculateItemsPerPage() {
+        if (!this.sliderItemsElement)
+            return;
+        this.itemElementWidth = this.sliderItemsElement.clientWidth;
+        this.sliderItemsElementWidth = (this.sliderItems.length - 1) * this.itemElementWidth;
+    }
+    ;
+    renderDots() {
+        var _a;
+        const dots = [];
+        for (let index = 0; index < ((_a = this.sliderItems) === null || _a === void 0 ? void 0 : _a.length) / this.itemsPerPage; index++) {
+            dots.push(h("li", { class: index == this.activeIndex ? 'active' : 'default', onClick: () => { this.goTo(index); this.setActive(index); } }));
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    }
-  }; }
-  static get states() { return {
-    "activeIndex": {}
-  }; }
-  static get elementRef() { return "el"; }
+        return dots;
+    }
+    componentDidRender() {
+        this.el.addEventListener('touchstart', this.handleTouchStart.bind(this), { passive: true });
+        this.el.addEventListener('touchmove', this.handleTouchMove.bind(this), { passive: true });
+        this.recalculateItemsPerPage();
+    }
+    componentDidUpdate() {
+        this.recalculateItemsPerPage();
+    }
+    connectedCallback() {
+        window.screen.orientation.addEventListener('change', this.orientationChangeHandler);
+    }
+    disconnectedCallback() {
+        this.el.removeEventListener('touchstart', this.handleTouchStart);
+        this.el.removeEventListener('touchmove', this.handleTouchMove);
+        window.screen.orientation.removeEventListener('change', this.orientationChangeHandler);
+        window.removeEventListener('resize', this.resizeHandler);
+    }
+    render() {
+        var _a;
+        const styles = {
+            transform: `translate(${(this.sliderItemsElementWidth / (((_a = this.sliderItems) === null || _a === void 0 ? void 0 : _a.length) - 1) * this.activeIndex) * -1}px, 0px)`
+        };
+        const itemStyle = {
+            width: `${this.itemElementWidth / this.itemsPerPage}px`
+        };
+        return h("div", { key: '210d648ae90dd04e350c0cddb2047061f5989bd8', class: "SliderWrapper" }, h("div", { key: '240a214bc772890145b8317bfda32f6099150726', class: 'MainContent ' }, this.showSliderArrows &&
+            h("div", { key: 'e8e144fbc2906ee0c5e77cc00c33fb1e89ced29f', class: `SliderNavButton LeftArrow ${this.activeIndex === 0 ? 'DisabledArrow ' : ''} ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}`, onClick: () => this.move(-1) }, h("svg", { key: '068a669fa96d11532199f2f2eb44e3a4c3f31e10', fill: "none", stroke: "var(--emfe-w-color-secondary, #FD2839)", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2789bb8d91ce4ec7f0fd7c3c6b9f3c7b7e682088', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 19l-7-7 7-7" }))), h("div", { key: '034ef81e4d9a8dea56fd42791e8a08940dfa4af6', class: 'ItemsWrapper', ref: (el) => this.sliderItemsElement = el }, h("div", { key: 'f412b5f0978348e4d9e0af682d151a1880f6e86d', class: 'Items AssetsItems', style: styles }, this.sliderItems.map((assetUrl) => h("img", { class: `img${this.itemsPerPage}`, alt: 'Gift Thumbnails', style: itemStyle, src: assetUrl })))), this.showSliderArrows &&
+            h("div", { key: '0f8549f8a5bcf2f1cfcde601930610fe5cc98427', class: `SliderNavButton RightArrow  ${this.sliderItems.length === 1 ? 'HiddenArrow ' : ''}
+                      ${(this.activeIndex === (this.sliderItems.length - 1) || this.itemsPerPage == this.sliderItems.length) ? 'DisabledArrow' : ''}`, onClick: () => this.move(1) }, h("svg", { key: '5758a9a73af5f7fa4618ae1b4bb30d838b509d9f', fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '720c5f0f496e8817fc9017ec4e8706cb9644e9ef', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 5l7 7-7 7" })))), this.showSliderDots && this.sliderItems.length > 1 &&
+            h("div", { key: '9c1b9c57b1871d7463569ea9566b28e925870d59', class: "DotsWrapper" }, h("ul", { key: '548d1d0f2c46170e07aa7ed4019dc3469e2e3950', class: "Dots" }, this.renderDots())));
+    }
+    static get is() { return "bonus-elevate-shop-assets-slider"; }
+    static get properties() {
+        return {
+            "showSliderDots": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show slider dots"
+                },
+                "attribute": "show-slider-dots",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "showSliderArrows": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show slider navigate arrows"
+                },
+                "attribute": "show-slider-arrows",
+                "reflect": true,
+                "defaultValue": "true"
+            },
+            "itemsPerPage": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "items-per-page",
+                "reflect": true,
+                "defaultValue": "1"
+            },
+            "sliderItems": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Array<any>",
+                    "resolved": "any[]",
+                    "references": {
+                        "Array": {
+                            "location": "global",
+                            "id": "global::Array"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "[]"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "activeIndex": {}
+        };
+    }
+    static get elementRef() { return "el"; }
 }

package/dist/collection/components/bonus-elevate-shop-item/bonus-elevate-shop-item.css

@@ -50,7 +50,7 @@
   text-align: center;
 }
 .ElevateDetails .ThumbnailRow .BackButton:hover {
-  background: #e3dede;
+  background: rgb(227, 222, 222);
 }
 .ElevateDetails .ThumbnailRow .Thumbnails {
   display: flex;
@@ -67,7 +67,7 @@
 }
 .ElevateDetails .GiftPoints .PointsLabel {
   font-size: 12px;
-  color: var(--emfe-w-color-gray-300, #4e5a37);
+  color: var(--emfe-w-color-gray-300, rgb(78, 90, 55));
   font-weight: 400;
   line-height: 29px;
   letter-spacing: 0.04em;
@@ -75,7 +75,7 @@
 }
 .ElevateDetails .RedeemButton:hover {
   font-weight: 800;
-  border: 2px solid var(--emfe-w-color-gray-300, #e5e7d5);
+  border: 2px solid var(--emfe-w-color-gray-300, rgb(229, 231, 213));
 }
 .ElevateDetails .RedeemButton.Disabled:hover {
   font-weight: normal;
@@ -137,8 +137,8 @@
 }
 .ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img, .ElevateDetails .SliderWrapper .MainContent .ItemsWrapper img.img1 {
   max-width: 100%;
-  background: #efefef;
-  border: 1px solid #efefef;
+  background: rgb(239, 239, 239);
+  border: 1px solid rgb(239, 239, 239);
   border-radius: 18px;
   border: 1px;
   margin: 10px 0 10px;