@everymatrix/bonus-elevate-levels-jojogroup 1.80.3

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-09a798bf.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([["elevate-level-list.cjs",[[0,"elevate-level-list",{"levels":[16],"language":[1],"selectedLevelId":[1537,"selected-level-id"],"showSliderButton":[32],"touchPosStart":[32],"touchPosEnd":[32],"offset":[32]},[[1,"touchstart","onTouchStart"],[1,"touchmove","onTouchMove"],[9,"resize","handleResize"]],{"selectedLevelId":["levelsChangedHandler"]}]]],["bonus-elevate-levels-jojogroup_4.cjs",[[1,"bonus-elevate-levels-jojogroup",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"endpoint":[513],"language":[513],"translationUrl":[513,"translation-url"],"selectedLevelId":[1537,"selected-level-id"],"showDefault":[4,"show-default"],"elevateLevelParamProxy":[32],"elevateLevels":[32],"errorMessage":[32]},[[2,"elevateLevelsDataChange","elevateLevelsDataChangeHandler"]],{"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[0,"elevate-level-presentation",{"elevateLevel":[16]}],[0,"elevate-levels-data",{"scopeParams":[1544,"scope-params"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/locale.utils-942322b6.js

@@ -0,0 +1,54 @@
+'use strict';
+
+const DEFAULT_LANGUAGE = 'en';
+const TRANSLATIONS = {
+    en: {
+        level: 'level',
+        seeAll: 'See All',
+        termsAndConditions: 'Terms & Conditions',
+        loadElevateLevelErrorMessage: 'Error when load elevate levels',
+        noLevelsSet: 'There is no level set',
+        points: 'Points',
+    },
+    fr: {
+        level: 'level',
+        seeAll: 'See All',
+        termsAndConditions: 'Terms & Conditions',
+        loadElevateLevelErrorMessage: 'Error when load elevate levels',
+        noLevelsSet: 'There is no level set',
+        points: 'Points',
+    },
+    hr: {
+        level: 'Razina',
+        seeAll: 'Vidi sve',
+        privilegesFor: 'Privilegije za',
+        termsAndConditions: 'Uvjeti i odredbe',
+        noLevelsSet: 'There is no level set',
+        points: 'Points',
+    },
+    ro: {
+        level: 'level',
+        seeAll: 'See All',
+        termsAndConditions: 'Terms & Conditions',
+        loadElevateLevelErrorMessage: 'Error when load elevate levels',
+        noLevelsSet: 'There is no level set',
+        points: 'Points',
+    },
+    tr: {
+        level: 'level',
+        seeAll: 'See All',
+        termsAndConditions: 'Terms & Conditions',
+        loadElevateLevelErrorMessage: 'Error when load elevate levels',
+        noLevelsSet: 'There is no level set',
+        points: 'Points',
+    }
+};
+const translate = (key, customLang) => {
+    var _a;
+    const lang = customLang || DEFAULT_LANGUAGE;
+    TRANSLATIONS[lang] = TRANSLATIONS[lang] || {};
+    return (_a = TRANSLATIONS[lang][key]) !== null && _a !== void 0 ? _a : '';
+};
+
+exports.TRANSLATIONS = TRANSLATIONS;
+exports.translate = translate;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,22 @@
+{
+  "entries": [
+    "components/bonus-elevate-levels-jojogroup/bonus-elevate-levels-jojogroup.js",
+    "components/elevate-level-list/elevate-level-list.js",
+    "components/elevate-level-presentation/elevate-level-presentation.js",
+    "components/elevate-levels-data/elevate-levels-data.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
+  },
+  "collections": [
+    {
+      "name": "@everymatrix/general-styling-wrapper",
+      "tags": [
+        "general-styling-wrapper"
+      ]
+    }
+  ],
+  "bundles": []
+}

package/dist/collection/components/bonus-elevate-levels-jojogroup/bonus-elevate-levels-jojogroup.css

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

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

@@ -0,0 +1,231 @@
+import { h } from "@stencil/core";
+import { translate, TRANSLATIONS } from "../../utils/locale.utils";
+export class BonusElevateLevelsJojogroup {
+    constructor() {
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.mbSource = undefined;
+        this.endpoint = undefined;
+        this.language = 'en';
+        this.translationUrl = '';
+        this.selectedLevelId = undefined;
+        this.showDefault = undefined;
+        this.elevateLevelParamProxy = undefined;
+        this.elevateLevels = [];
+        this.errorMessage = undefined;
+    }
+    elevateLevelsDataChangeHandler(event) {
+        if (!event.detail)
+            return;
+        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);
+            }
+        }
+    }
+    onSessionOrEndpointChange() {
+        this.elevateLevelParamProxy = Object.assign(Object.assign({}, this.elevateLevelParamProxy), { endpoint: this.endpoint, language: 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() {
+        var _a;
+        return (h("div", { key: '3cdca540038915c73a99cca214d1d8091a928cb8', class: "ElevateLevelContent" }, h("elevate-levels-data", { key: '1e1a73074ceb36ce5554b7796ca07c2efb4f73ce', scopeParams: this.elevateLevelParamProxy }), h("div", { key: 'a1c66508053cac8549d23fabb291ff273079786c', class: "LevelContent" }, ((_a = this.elevateLevels) === null || _a === void 0 ? void 0 : _a.length) ? (this.elevateLevels.map((level) => (h("elevate-level-presentation", { elevateLevel: level })))) : (h("div", null, translate('noLevelsSet', this.language)))), this.errorMessage && h("div", { key: 'ed47949b39a95528d1a7f5acb9fe5ea1b596d6aa', class: "ErrorMessage" }, this.errorMessage), h("general-styling-wrapper", { key: 'c033776c424e2bc697f23a5a7abe34746fd6af7f', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl, mbSource: this.mbSource })));
+    }
+    static get is() { return "bonus-elevate-levels-jojogroup"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bonus-elevate-levels-jojogroup.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bonus-elevate-levels-jojogroup.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling-url",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "mb-source",
+                "reflect": true
+            },
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "endpoint",
+                "reflect": true
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "language",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "translation-url",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "selectedLevelId": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "selected-level-id",
+                "reflect": true
+            },
+            "showDefault": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "false",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-default",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "elevateLevelParamProxy": {},
+            "elevateLevels": {},
+            "errorMessage": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "endpoint",
+                "methodName": "onSessionOrEndpointChange"
+            }, {
+                "propName": "language",
+                "methodName": "onSessionOrEndpointChange"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "elevateLevelsDataChange",
+                "method": "elevateLevelsDataChangeHandler",
+                "target": undefined,
+                "capture": true,
+                "passive": false
+            }];
+    }
+}

package/dist/collection/components/bonus-elevate-levels-jojogroup/index.js

@@ -0,0 +1 @@
+export { BonusElevateLevelsJojogroup } from './bonus-elevate-levels-jojogroup';

package/dist/collection/components/elevate-level-list/elevate-level-list.css

@@ -0,0 +1,70 @@
+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(--emw--color-gray-50, rgb(244, 244, 244));
+  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(--emw--color-gray-100, rgb(118, 113, 113));
+  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(--emw--color-gray-50, #cbc5c5);
+}
+.SliderButton.Hidden {
+  display: none;
+}

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

@@ -0,0 +1,241 @@
+import { h, Host } from "@stencil/core";
+import { translate } from "../../utils/locale.utils";
+import { isMobile, MOVE_TO } from "../../utils/utils";
+export class ElevateLevelList {
+    constructor() {
+        this.minOffset = 0;
+        this.isMobile = isMobile(window.navigator.userAgent);
+        this.levels = undefined;
+        this.language = undefined;
+        this.selectedLevelId = undefined;
+        this.showSliderButton = false;
+        this.touchPosStart = undefined;
+        this.touchPosEnd = undefined;
+        this.offset = 0;
+    }
+    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.showSliderButton = !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);
+            };
+        }
+    }
+    ;
+    convertNumberToCompactForm(num) {
+        if (num >= 1000000000)
+            return (num / 1000000000).toFixed(1).replace(/\.0$/, '') + 'b';
+        if (num >= 1000000)
+            return (num / 1000000).toFixed(1).replace(/\.0$/, '') + 'm';
+        if (num >= 1000)
+            return (num / 1000).toFixed(1).replace(/\.0$/, '') + 'k';
+        return num.toFixed(1);
+    }
+    handleResize() {
+        this.debounce(this.initLevelSlider.bind(this), 200)();
+    }
+    componentDidRender() {
+        this.host.componentOnReady().then(() => {
+            this.initLevelSlider();
+        });
+    }
+    render() {
+        return (h(Host, { key: '44b0d5811a2207a53f95c5a50d6ed89d70f42d01' }, this.levels && [
+            h("div", { key: 'fec6de26b8622dac4649df5e0346e8ef4138465e', class: `SliderButton LeftButton ${this.offset === 0 ? 'Disabled' : ''} ${this.showSliderButton ? '' : 'Hidden'}`, onClick: () => this.slideTo(MOVE_TO.slideToRight) }, h("svg", { key: '84cf364bdddfb7cd9a83b9808622332ab01729cd', fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fd358448630ac184528b38e3a88db50b628be3de', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 19l-7-7 7-7" }))),
+            h("div", { key: '4a32485c3440261265060a3298ab56e49f602006', class: 'LevelItemsWrapper' }, h("div", { key: 'f5b7f896452375e04031e1db6c56cfd8b5e4909d', 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 ? '' : '>', this.convertNumberToCompactForm(level.firstEntryPoints), ' ', translate('points', this.language))));
+            }))),
+            h("div", { key: '3444fcf3b46239e9ee6b84aa35f5637d9bee66ea', class: `SliderButton RightButton ${this.offset <= this.minOffset ? 'Disabled' : ''} ${this.showSliderButton ? '' : 'Hidden'}`, onClick: () => this.slideTo(MOVE_TO.slideToLeft) }, h("svg", { key: 'b86e73ad5f0f6114af9fe13452c5c6193b3a026b', fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '18f15ddeb747db3c80c6c16b2e0e727f45bbb986', "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M9 5l7 7-7 7" })))
+        ]));
+    }
+    static get is() { return "elevate-level-list"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["elevate-level-list.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["elevate-level-list.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "levels": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Array<ElevateLevel>",
+                    "resolved": "ElevateLevel[]",
+                    "references": {
+                        "Array": {
+                            "location": "global",
+                            "id": "global::Array"
+                        },
+                        "ElevateLevel": {
+                            "location": "import",
+                            "path": "../../models/elevate-levels",
+                            "id": "../../../../packages/stencil/bonus-elevate-levels-jojogroup/src/models/elevate-levels.ts::ElevateLevel"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "ElevateLevelList"
+                }
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The Language"
+                },
+                "attribute": "language",
+                "reflect": false
+            },
+            "selectedLevelId": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "ID of selected level"
+                },
+                "attribute": "selected-level-id",
+                "reflect": true
+            }
+        };
+    }
+    static get states() {
+        return {
+            "showSliderButton": {},
+            "touchPosStart": {},
+            "touchPosEnd": {},
+            "offset": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "selectedLevelChanged",
+                "name": "selectedLevelChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "selectedLevelId",
+                "methodName": "levelsChangedHandler"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "touchstart",
+                "method": "onTouchStart",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "touchmove",
+                "method": "onTouchMove",
+                "target": undefined,
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "resize",
+                "method": "handleResize",
+                "target": "window",
+                "capture": false,
+                "passive": true
+            }];
+    }
+}