@everymatrix/player-elevate-level 1.31.2 → 1.32.4

package/dist/components/elevate-level-list2.js

@@ -1,177 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hu', 'hr'];
-const TRANSLATIONS = {
-  en: {
-    seeAll: 'See All',
-    termsAndConditions: 'Terms & Conditions',
-    loadElevateLevelErrorMessage: 'Error when load elevate levels',
-    noLevelsSet: 'There is no level set',
-  },
-  fr: {
-    seeAll: 'See All',
-    termsAndConditions: 'Terms & Conditions',
-    loadElevateLevelErrorMessage: 'Error when load elevate levels',
-    noLevelsSet: 'There is no level set',
-  },
-  hr: {
-    level: 'Razina',
-    seeAll: 'Vidi sve',
-    privilegesFor: 'Privilegije za',
-    termsAndConditions: 'Uvjeti i odredbe',
-    noLevelsSet: 'There is no level set',
-  }
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-/**
- * @name isMobile
- * @description A method that returns if the browser used to access the app is from a mobile device or not
- * @param {String} userAgent window.navigator.userAgent
- * @returns {Boolean} true or false
- */
-const isMobile = (userAgent) => {
-  return !!(userAgent.toLowerCase().match(/android/i) ||
-    userAgent.toLowerCase().match(/blackberry|bb/i) ||
-    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
-    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
-};
-var MOVE_TO;
-(function (MOVE_TO) {
-  MOVE_TO[MOVE_TO["slideToRight"] = 1] = "slideToRight";
-  MOVE_TO[MOVE_TO["slideToLeft"] = -1] = "slideToLeft";
-})(MOVE_TO || (MOVE_TO = {}));
-
-const elevateLevelListCss = "elevate-level-list{display:flex;flex-direction:row}.LevelItemsWrapper{display:flex;flex:1;margin-top:10px;min-height:30px;transition-property:all;position:relative;height:138px;overflow-x:hidden}.Mobile.LevelItems{overflow-x:hidden}.LevelItems{overflow-x:auto;display:flex;flex-direction:row;gap:10px;left:0;position:absolute;transition:left 0.5s ease-in-out}.LevelItems .Item:hover,.LevelItems .Item.Active{background-color:var(--emfe-w-color-gray-50, #f4f4f4);box-shadow:0px 4px 13px 0px rgba(0, 0, 0, 0.25)}.LevelItems .Item{width:86px;height:125px;border-radius:15px;text-align:center;display:flex;flex-direction:column;cursor:pointer}.LevelItems .Item .LevelName{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.LevelItems .Item .LevelPoints{color:var(--emfe-w-color-gray-100, #767171);font-size:10px}.LevelItems .Item .LevelImg{width:65px;height:68px;margin:11px auto}.SliderButton{display:flex;width:29px;align-items:center;cursor:pointer}.SliderButton.Disabled svg{stroke:var(--emfe-w-color-gray-50, #cbc5c5)}.SliderButton.Hidden{display:none}";
-
-const ElevateLevelList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.selectedLevelChanged = createEvent(this, "selectedLevelChanged", 7);
-    this.isShowSliderButton = false;
-    this.offset = 0;
-    this.minOffset = 0;
-    this.isMobile = isMobile(window.navigator.userAgent);
-  }
-  onLevelClicked(elevateLevel) {
-    this.selectedLevelChanged.emit({ level: elevateLevel });
-    this.selectedLevelId = elevateLevel.id;
-  }
-  levelsChangedHandler() {
-    this.initOffsetOfLevelItems();
-  }
-  initOffsetOfLevelItems() {
-    if (!this.levels || this.levels.length == 0 || !this.selectedLevelId) {
-      return;
-    }
-    const currentLevelIndex = this.levels.findIndex((item) => {
-      return this.selectedLevelId == item.id;
-    });
-    this.onLevelClicked(this.levels[currentLevelIndex == -1 ? 0 : currentLevelIndex]);
-    //do not need change the slider offset when level items less than moveCountForOneTouch
-    if (this.levels.length <= this.moveCountForOneTouch) {
-      return;
-    }
-    //to avoid the slider do not move when currentLevelIndex = moveCountForOneTouch - 1
-    let newOffset = Math.floor((currentLevelIndex == -1 ? 1 : currentLevelIndex + 1) / this.moveCountForOneTouch)
-      * this.moveCountForOneTouch * this.childElementWidth * (-1);
-    this.offset = newOffset <= this.minOffset ? this.minOffset : (newOffset >= 0 ? 0 : newOffset);
-  }
-  onTouchStart(e) {
-    this.touchPosStart = { clientX: e.touches[0].clientX, clientY: e.touches[0].clientY };
-  }
-  onTouchMove(e) {
-    this.touchPosEnd = { clientX: e.touches[0].clientX, clientY: e.touches[0].clientY };
-    const diffX = this.touchPosEnd.clientX - this.touchPosStart.clientX;
-    const diffY = this.touchPosEnd.clientY - this.touchPosStart.clientY;
-    if (Math.abs(diffX) > Math.abs(diffY)) {
-      this.slideTo(diffX > 0 ? MOVE_TO.slideToRight : MOVE_TO.slideToLeft);
-    }
-  }
-  slideTo(direction) {
-    let newOffset = this.levelsElement.offsetLeft +
-      (this.childElementWidth) * this.moveCountForOneTouch * direction;
-    if (newOffset % this.childElementWidth != 0) {
-      const leftOfPreNode = (Math.floor(newOffset / this.childElementWidth)) * this.childElementWidth;
-      const leftOfNextNode = (Math.ceil(newOffset / this.childElementWidth)) * this.childElementWidth;
-      //touchmove to right, get left of pre-node; touchmove to left, get left of next-node
-      newOffset = direction == MOVE_TO.slideToRight ? leftOfPreNode : leftOfNextNode;
-    }
-    this.offset = newOffset < this.minOffset ? this.minOffset : (newOffset >= 0 ? 0 : newOffset);
-  }
-  initLevelSlider() {
-    var _a;
-    if (!((_a = this.levelsElement) === null || _a === void 0 ? void 0 : _a.firstElementChild)) {
-      console.log('Widget[elevate-level-list] DOM is not ready.');
-      return;
-    }
-    this.isShowSliderButton = !this.isMobile && (this.levelsElement.clientWidth > this.levelsElement.parentElement.clientWidth);
-    this.minOffset = this.levelsElement.parentElement.clientWidth - this.levelsElement.clientWidth;
-    this.childElementWidth = this.levelsElement.firstElementChild.clientWidth;
-    this.moveCountForOneTouch = Math.ceil(this.levelsElement.parentElement.clientWidth / this.childElementWidth) - 1;
-    const childElementCount = this.levelsElement.childElementCount;
-    this.childElementWidth += (this.levelsElement.clientWidth - this.childElementWidth * childElementCount) / (childElementCount - 1);
-  }
-  debounce(callback, delay) {
-    {
-      let timer;
-      return () => {
-        clearTimeout(timer);
-        timer = setTimeout(() => {
-          callback();
-        }, delay);
-      };
-    }
-  }
-  ;
-  handleResize() {
-    this.debounce(this.initLevelSlider.bind(this), 200)();
-  }
-  componentDidRender() {
-    this.host.componentOnReady().then(() => {
-      this.initLevelSlider();
-    });
-  }
-  render() {
-    return (h(Host, null, this.levels && [
-      h("div", { class: `SliderButton LeftButton ${this.offset == 0 ? 'Disabled' : ''} ${this.isShowSliderButton ? '' : 'Hidden'}`, onClick: () => this.slideTo(MOVE_TO.slideToRight) }, 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: "M15 19l-7-7 7-7" }))),
-      h("div", { class: 'LevelItemsWrapper' }, h("div", { style: { 'left': `${this.offset}px` }, class: `LevelItems ${this.isMobile ? 'Mobile' : ''}`, id: 'levelItems', ref: (el) => { this.levelsElement = el; } }, this.levels.map((level, idx) => {
-        return (h("div", { class: `Item ${this.selectedLevelId == level.id ? 'Active' : ''}`, onClick: this.onLevelClicked.bind(this, level) }, h("img", { alt: `Presentation Icon for ${level.presentation.displayName}`, class: "LevelImg", src: level.presentation.asset }), h("span", { class: "LevelName", title: level.presentation.displayName }, level.presentation.displayName), h("span", { class: "LevelPoints" }, idx == 0 ? '' : '>', level.firstEntryPoints, ' ', translate('points', this.language))));
-      }))),
-      h("div", { class: `SliderButton RightButton ${this.offset <= this.minOffset ? 'Disabled' : ''} ${this.isShowSliderButton ? '' : 'Hidden'}`, onClick: () => this.slideTo(MOVE_TO.slideToLeft) }, 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" })))
-    ]));
-  }
-  get host() { return this; }
-  static get watchers() { return {
-    "selectedLevelId": ["levelsChangedHandler"]
-  }; }
-  static get style() { return elevateLevelListCss; }
-}, [0, "elevate-level-list", {
-    "levels": [16],
-    "language": [1],
-    "selectedLevelId": [1537, "selected-level-id"],
-    "isShowSliderButton": [32],
-    "touchPosStart": [32],
-    "touchPosEnd": [32],
-    "offset": [32]
-  }, [[1, "touchstart", "onTouchStart"], [1, "touchmove", "onTouchMove"], [9, "resize", "handleResize"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["elevate-level-list"];
-  components.forEach(tagName => { switch (tagName) {
-    case "elevate-level-list":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ElevateLevelList);
-      }
-      break;
-  } });
-}
-
-export { ElevateLevelList as E, TRANSLATIONS as T, defineCustomElement as d, translate as t };

package/dist/components/elevate-level-presentation.js

@@ -1,6 +0,0 @@
-import { E as ElevateLevelPresentation$1, d as defineCustomElement$1 } from './elevate-level-presentation2.js';
-
-const ElevateLevelPresentation = ElevateLevelPresentation$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ElevateLevelPresentation, defineCustomElement };

package/dist/components/elevate-level-presentation2.js

@@ -1,31 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const elevateLevelPresentationCss = ":host{display:block}.PriviliegeList{padding-inline-start:5px}.PriviliegeList li{display:flex}.PriviliegeList li .Img{width:80px}.PriviliegeList li .Img img{width:60px;margin:10px}.PriviliegeList li .Content h4{text-transform:capitalize;margin-block-start:10px}";
-
-const ElevateLevelPresentation = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-  }
-  render() {
-    return h(Host, null, h("div", { class: "Row Desc" }, h("h3", null, this.elevateLevel.presentation.displayName), h("p", null, h("span", { class: "TxtDesc", innerHTML: this.elevateLevel.presentation.description }))));
-  }
-  static get style() { return elevateLevelPresentationCss; }
-}, [0, "elevate-level-presentation", {
-    "elevateLevel": [16]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["elevate-level-presentation"];
-  components.forEach(tagName => { switch (tagName) {
-    case "elevate-level-presentation":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ElevateLevelPresentation);
-      }
-      break;
-  } });
-}
-
-export { ElevateLevelPresentation as E, defineCustomElement as d };

package/dist/components/elevate-levels-data.js

@@ -1,6 +0,0 @@
-import { E as ElevateLevelsData$1, d as defineCustomElement$1 } from './elevate-levels-data2.js';
-
-const ElevateLevelsData = ElevateLevelsData$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ElevateLevelsData, defineCustomElement };

package/dist/components/elevate-levels-data2.js

@@ -1,102 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
-var browser = createCommonjsModule(function (module, exports) {
-
-// ref: https://github.com/tc39/proposal-global
-var getGlobal = function () {
-	// the only reliable means to get the global object is
-	// `Function('return this')()`
-	// However, this causes CSP violations in Chrome apps.
-	if (typeof self !== 'undefined') { return self; }
-	if (typeof window !== 'undefined') { return window; }
-	if (typeof global !== 'undefined') { return global; }
-	throw new Error('unable to locate global object');
-};
-
-var global = getGlobal();
-
-module.exports = exports = global.fetch;
-
-// Needed for TypeScript and Webpack.
-if (global.fetch) {
-	exports.default = global.fetch.bind(global);
-}
-
-exports.Headers = global.Headers;
-exports.Request = global.Request;
-exports.Response = global.Response;
-});
-
-const elevateLevelsDataCss = ":host{display:block}";
-
-const ElevateLevelsData = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.elevateLevelsDataChange = createEvent(this, "elevateLevelsDataChange", 7);
-  }
-  async componentWillLoad() {
-    //load data
-    if (!this.scopeParams.endpoint) {
-      return;
-    }
-    const endpoint = this.scopeParams.endpoint;
-    let url = new URL(`${endpoint}/v1/elevate/levels?language=${this.scopeParams.language}`);
-    await browser(url.href)
-      .then((res) => res.json())
-      .then((res) => {
-      const elevateLevels = res.data.sort((a, b) => {
-        return a.firstEntryPoints < b.firstEntryPoints ? -1 : 1;
-      });
-      let selectedLevelId = this.scopeParams.selectedLevelId;
-      // if selected level is not set, set first（basic） as default
-      if (!selectedLevelId && this.scopeParams.showDefault && elevateLevels.length > 0) {
-        selectedLevelId = elevateLevels[0].id;
-      }
-      if (selectedLevelId) {
-        // get current level by name
-        const currentLevel = elevateLevels.filter((item) => {
-          return item.id == selectedLevelId;
-        })[0];
-        this.elevateLevelsDataChange.emit({ currentLevel: currentLevel });
-      }
-      this.elevateLevelsDataChange.emit({ 'clearError': true });
-      this.elevateLevelsDataChange.emit({ 'elevateLevels': elevateLevels });
-    }).catch((err) => {
-      this.elevateLevelsDataChange.emit({ errorMessage: { type: 'errorWhenLoadElevateLevels', err } });
-      console.error(err);
-    });
-  }
-  static get style() { return elevateLevelsDataCss; }
-}, [0, "elevate-levels-data", {
-    "scopeParams": [1544, "scope-params"]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["elevate-levels-data"];
-  components.forEach(tagName => { switch (tagName) {
-    case "elevate-levels-data":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ElevateLevelsData);
-      }
-      break;
-  } });
-}
-
-export { ElevateLevelsData as E, defineCustomElement as d };

package/dist/components/general-styling-wrapper.js

@@ -1,6 +0,0 @@
-import { G as GeneralStylingWrapper$1, d as defineCustomElement$1 } from './general-styling-wrapper2.js';
-
-const GeneralStylingWrapper = GeneralStylingWrapper$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { GeneralStylingWrapper, defineCustomElement };

package/dist/components/general-styling-wrapper2.js

@@ -1,103 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const mergeTranslations = (url, target) => {
-  return new Promise((resolve) => {
-    fetch(url)
-      .then((res) => res.json())
-      .then((data) => {
-      Object.keys(data).forEach((item) => {
-        target[item] = target[item] ? target[item] : {};
-        for (let key in data[item]) {
-          target[item][key] = data[item][key];
-        }
-      });
-      resolve(true);
-    });
-  });
-};
-
-const generalStylingWrapperCss = ":host{display:block}";
-
-const GeneralStylingWrapper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    /**
-     * Client custom styling via inline styles
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * Translation via url
-     */
-    this.translationUrl = '';
-    this.stylingAppends = false;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.el.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => {
-          this.el.prepend(cssFile);
-        }, 1);
-      })
-        .catch((err) => {
-        console.log('error ', err);
-      });
-    };
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.stylingAppends) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.stylingAppends = true;
-    }
-    // end custom styling area
-  }
-  async componentWillLoad() {
-    const promises = [];
-    if (this.translationUrl) {
-      const translationPromise = mergeTranslations(this.translationUrl, this.targetTranslations);
-      promises.push(translationPromise);
-    }
-    return await Promise.all(promises);
-  }
-  render() {
-    return (h("div", { class: "StyleShell" }, h("slot", { name: "mainContent" })));
-  }
-  get el() { return this; }
-  static get style() { return generalStylingWrapperCss; }
-}, [4, "general-styling-wrapper", {
-    "clientStyling": [1, "client-styling"],
-    "clientStylingUrl": [1, "client-styling-url"],
-    "translationUrl": [1, "translation-url"],
-    "targetTranslations": [16]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["general-styling-wrapper"];
-  components.forEach(tagName => { switch (tagName) {
-    case "general-styling-wrapper":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, GeneralStylingWrapper);
-      }
-      break;
-  } });
-}
-
-export { GeneralStylingWrapper as G, defineCustomElement as d };

package/dist/components/index.d.ts

@@ -1,26 +0,0 @@
-/* PlayerElevateLevel custom elements */
-
-import type { Components, JSX } from "../types/components";
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export type { Components, JSX };
-
-export * from '../types';

package/dist/components/index.js

@@ -1 +0,0 @@
-export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/player-elevate-card-data.js

@@ -1,6 +0,0 @@
-import { P as PlayerElevateCardData$1, d as defineCustomElement$1 } from './player-elevate-card-data2.js';
-
-const PlayerElevateCardData = PlayerElevateCardData$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PlayerElevateCardData, defineCustomElement };