@everymatrix/bonus-elevate-levels 1.31.2

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

@@ -0,0 +1,79 @@
+import { Component, Event, Prop } from '@stencil/core';
+import "@everymatrix/general-styling-wrapper";
+import fetch from "node-fetch";
+export class ElevateLevelsData {
+  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 fetch(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 is() { return "elevate-levels-data"; }
+  static get originalStyleUrls() { return {
+    "$": ["elevate-levels-data.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["elevate-levels-data.css"]
+  }; }
+  static get properties() { return {
+    "scopeParams": {
+      "type": "any",
+      "mutable": true,
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      },
+      "required": true,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Params from parent"
+      },
+      "attribute": "scope-params",
+      "reflect": true
+    }
+  }; }
+  static get events() { return [{
+      "method": "elevateLevelsDataChange",
+      "name": "elevateLevelsDataChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/collection/models/elevate-levels.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,27 @@
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hu', 'hr'];
+export 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',
+  }
+};
+export const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};

package/dist/collection/utils/prototype-collector.js

@@ -0,0 +1,5 @@
+export const PrototypeDecorator = (target) => {
+  target.prototype.getProps = () => {
+    console.log(target);
+  };
+};

package/dist/collection/utils/utils.js

@@ -0,0 +1,44 @@
+export function format(first, middle, last) {
+  return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
+}
+export function getValueByLangFromPresentation(presentation, keyName, lang) {
+  if (!presentation || !presentation[keyName]) {
+    return '';
+  }
+  return presentation[keyName][lang] ? presentation[keyName][lang] : presentation[keyName]['*'];
+}
+/**
+ * @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
+ */
+export 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));
+};
+/**
+ * @name getDevice
+ * @description A method that returns the type of the device
+ * @param {String} userAgent window.navigator.userAgent
+ * @returns {String} Android/iPhone/iPad/PC
+ */
+export const getDevice = (userAgent) => {
+  if (userAgent.toLowerCase().match(/android/i)) {
+    return 'Android';
+  }
+  if (userAgent.toLowerCase().match(/iphone/i)) {
+    return 'iPhone';
+  }
+  if (userAgent.toLowerCase().match(/ipad|ipod/i)) {
+    return 'iPad';
+  }
+  return 'PC';
+};
+export var MOVE_TO;
+(function (MOVE_TO) {
+  MOVE_TO[MOVE_TO["slideToRight"] = 1] = "slideToRight";
+  MOVE_TO[MOVE_TO["slideToLeft"] = -1] = "slideToLeft";
+})(MOVE_TO || (MOVE_TO = {}));

package/dist/components/bonus-elevate-levels.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BonusElevateLevels extends Components.BonusElevateLevels, HTMLElement {}
+export const BonusElevateLevels: {
+  prototype: BonusElevateLevels;
+  new (): BonusElevateLevels;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,136 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t as translate, T as TRANSLATIONS, d as defineCustomElement$5 } from './elevate-level-list2.js';
+import { d as defineCustomElement$4 } from './elevate-level-presentation2.js';
+import { d as defineCustomElement$3 } from './elevate-levels-data2.js';
+import { d as defineCustomElement$2 } from './general-styling-wrapper2.js';
+
+const bonusElevateLevelsCss = ":host{display:block}.ElevateLevelContent{padding:20px;position:relative}.ElevateLevelContent .Privileges{padding-bottom:30px}.ElevateLevelContent .tc{position:absolute;right:10px;bottom:10px;text-align:right;display:none}";
+
+const BonusElevateLevels$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Client custom styling via string
+     */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
+    /**
+     * Language of the widget
+     */
+    this.language = 'en';
+    /**
+     * The translationUrl
+     */
+    this.translationUrl = '';
+    /**
+     * Used in elevate level list
+     */
+    this.elevateLevels = [];
+  }
+  selectedLevelChangedHandler(event) {
+    if (event.detail) {
+      this.currentLevel = Object.assign({}, event.detail.level);
+    }
+  }
+  selectedLevelIdChangedHandler() {
+    if (this.selectedLevelId && this.elevateLevels) {
+      const currentLevel = this.elevateLevels.filter((item) => {
+        return item.id == this.selectedLevelId;
+      })[0];
+      this.currentLevel = Object.assign({}, currentLevel);
+    }
+  }
+  elevateLevelsDataChangeHandler(event) {
+    if (!event.detail) {
+      return;
+    }
+    if (event.detail.currentLevel) {
+      this.currentLevel = Object.assign({}, event.detail.currentLevel);
+    }
+    if (event.detail.elevateLevels) {
+      this.elevateLevels = [...event.detail.elevateLevels];
+    }
+    if (event.detail.clearError) {
+      this.errorMessage = null;
+    }
+    if (event.detail.errorMessage) {
+      if (event.detail.errorMessage['errorWhenLoadElevateLevels']) {
+        this.errorMessage = translate('loadElevateLevelErrorMessage', this.language);
+      }
+    }
+  }
+  onTCClick() {
+    window.postMessage({ type: 'termAndConditionClicked' }, window.location.href);
+  }
+  componentWillLoad() {
+    this.elevateLevelParamProxy = {
+      endpoint: this.endpoint, language: this.language, selectedLevelId: this.selectedLevelId,
+      showDefault: this.showDefault
+    };
+  }
+  render() {
+    return (h("div", { class: "ElevateLevelContent" }, h("elevate-levels-data", { scopeParams: this.elevateLevelParamProxy }), h("div", { class: "LevelContent" }, this.elevateLevels ?
+      h("elevate-level-list", { language: this.language, selectedLevelId: this.selectedLevelId, levels: this.elevateLevels }) : translate('noLevelsSet', this.language), this.currentLevel &&
+      h("elevate-level-presentation", { elevateLevel: this.currentLevel }), h("div", { class: "tc", onClick: this.onTCClick }, translate('termsAndConditions', this.language), ' ')), this.errorMessage && h("div", null, this.errorMessage), h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl })));
+  }
+  static get watchers() { return {
+    "selectedLevelId": ["selectedLevelIdChangedHandler"],
+    "elevateLevels": ["selectedLevelIdChangedHandler"]
+  }; }
+  static get style() { return bonusElevateLevelsCss; }
+}, [1, "bonus-elevate-levels", {
+    "clientStyling": [513, "client-styling"],
+    "clientStylingUrl": [513, "client-styling-url"],
+    "endpoint": [513],
+    "language": [513],
+    "translationUrl": [513, "translation-url"],
+    "selectedLevelId": [1537, "selected-level-id"],
+    "showDefault": [4, "show-default"],
+    "elevateLevelParamProxy": [32],
+    "elevateLevels": [32],
+    "currentLevel": [32],
+    "errorMessage": [32]
+  }, [[0, "selectedLevelChanged", "selectedLevelChangedHandler"], [2, "elevateLevelsDataChange", "elevateLevelsDataChangeHandler"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["bonus-elevate-levels", "elevate-level-list", "elevate-level-presentation", "elevate-levels-data", "general-styling-wrapper"];
+  components.forEach(tagName => { switch (tagName) {
+    case "bonus-elevate-levels":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BonusElevateLevels$1);
+      }
+      break;
+    case "elevate-level-list":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "elevate-level-presentation":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "elevate-levels-data":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "general-styling-wrapper":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const BonusElevateLevels = BonusElevateLevels$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BonusElevateLevels, defineCustomElement };

package/dist/components/elevate-level-list.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ElevateLevelList extends Components.ElevateLevelList, HTMLElement {}
+export const ElevateLevelList: {
+  prototype: ElevateLevelList;
+  new (): ElevateLevelList;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

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

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

@@ -0,0 +1,177 @@
+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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ElevateLevelPresentation extends Components.ElevateLevelPresentation, HTMLElement {}
+export const ElevateLevelPresentation: {
+  prototype: ElevateLevelPresentation;
+  new (): ElevateLevelPresentation;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,31 @@
+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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ElevateLevelsData extends Components.ElevateLevelsData, HTMLElement {}
+export const ElevateLevelsData: {
+  prototype: ElevateLevelsData;
+  new (): ElevateLevelsData;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,6 @@
+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 };