@everymatrix/bonus-elevate-levels-jojogroup 1.80.3

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

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

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

@@ -0,0 +1,45 @@
+import { h, Host } from "@stencil/core";
+export class ElevateLevelPresentation {
+    constructor() {
+        this.elevateLevel = undefined;
+    }
+    render() {
+        return h(Host, { key: 'c02f0c4ca19226058b810f279273affa7b3398cc' }, h("div", { key: 'da5e3ce17167447ee462b1318f7d407f48781062', class: "Row Desc" }, h("h3", { key: '6f811514d8f72b7484795e8a181c8e18446a52fe' }, this.elevateLevel.presentation.displayName), h("p", { key: 'fd0f78d172f027c79d542d630467e0f24099328f' }, h("span", { key: '5eec8c85f146739d7e01b7112e1b1cf886c83310', class: "TxtDesc", innerHTML: this.elevateLevel.presentation.description }))));
+    }
+    static get is() { return "elevate-level-presentation"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["elevate-level-presentation.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["elevate-level-presentation.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "elevateLevel": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ElevateLevel",
+                    "resolved": "ElevateLevel",
+                    "references": {
+                        "ElevateLevel": {
+                            "location": "import",
+                            "path": "../../models/elevate-levels",
+                            "id": "../../../../packages/stencil/bonus-elevate-levels-jojogroup/src/models/elevate-levels.ts::ElevateLevel"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Elevate level"
+                }
+            }
+        };
+    }
+}

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

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

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

@@ -0,0 +1,89 @@
+import "../../../../../general-styling-wrapper/dist/types/index";
+import fetch from "node-fetch";
+export class ElevateLevelsData {
+    constructor() {
+        this.scopeParams = undefined;
+    }
+    async componentWillRender() {
+        //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,49 @@
+const DEFAULT_LANGUAGE = 'en';
+export 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',
+    }
+};
+export 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 : '';
+};

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,41 @@
+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/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };

package/dist/esm/bonus-elevate-levels-jojogroup.js

@@ -0,0 +1,20 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-88ecbb5b.js';
+export { s as setNonce } from './index-88ecbb5b.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy([["elevate-level-list",[[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",[[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);
+});

package/dist/esm/bonus-elevate-levels-jojogroup_4.entry.js

@@ -0,0 +1,315 @@
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-88ecbb5b.js';
+import { t as translate, T as TRANSLATIONS } from './locale.utils-3a9c8e78.js';
+
+const bonusElevateLevelsJojogroupCss = ":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 BonusElevateLevelsJojogroupStyle0 = bonusElevateLevelsJojogroupCss;
+
+const BonusElevateLevelsJojogroup = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        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 watchers() { return {
+        "endpoint": ["onSessionOrEndpointChange"],
+        "language": ["onSessionOrEndpointChange"]
+    }; }
+};
+BonusElevateLevelsJojogroup.style = BonusElevateLevelsJojogroupStyle0;
+
+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 ElevateLevelPresentationStyle0 = elevateLevelPresentationCss;
+
+const ElevateLevelPresentation = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.elevateLevel = undefined;
+    }
+    render() {
+        return h(Host, { key: 'c02f0c4ca19226058b810f279273affa7b3398cc' }, h("div", { key: 'da5e3ce17167447ee462b1318f7d407f48781062', class: "Row Desc" }, h("h3", { key: '6f811514d8f72b7484795e8a181c8e18446a52fe' }, this.elevateLevel.presentation.displayName), h("p", { key: 'fd0f78d172f027c79d542d630467e0f24099328f' }, h("span", { key: '5eec8c85f146739d7e01b7112e1b1cf886c83310', class: "TxtDesc", innerHTML: this.elevateLevel.presentation.description }))));
+    }
+};
+ElevateLevelPresentation.style = ElevateLevelPresentationStyle0;
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var browser = {exports: {}};
+
+(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 commonjsGlobal !== 'undefined') { return commonjsGlobal; }
+	throw new Error('unable to locate global object');
+};
+
+var globalObject = getGlobal();
+
+module.exports = exports = globalObject.fetch;
+
+// Needed for TypeScript and Webpack.
+if (globalObject.fetch) {
+	exports.default = globalObject.fetch.bind(globalObject);
+}
+
+exports.Headers = globalObject.Headers;
+exports.Request = globalObject.Request;
+exports.Response = globalObject.Response;
+}(browser, browser.exports));
+
+const fetch$1 = browser.exports;
+
+const elevateLevelsDataCss = ":host{display:block}";
+const ElevateLevelsDataStyle0 = elevateLevelsDataCss;
+
+const ElevateLevelsData = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.elevateLevelsDataChange = createEvent(this, "elevateLevelsDataChange", 7);
+        this.scopeParams = undefined;
+    }
+    async componentWillRender() {
+        //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$1(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);
+        });
+    }
+};
+ElevateLevelsData.style = ElevateLevelsDataStyle0;
+
+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] || {};
+                Object.keys(data[item]).forEach((key) => {
+                    //if there is no key in target, do nothing
+                    if (!target['en'][key]) {
+                        return;
+                    }
+                    const defaultTranslation = target['en'][key];
+                    if (typeof data[item][key] === 'object') {
+                        // if the key is not in target, then take from en
+                        target[item][key] = target[item][key] || Object.assign({}, defaultTranslation);
+                        Object.keys(data[item][key]).forEach((subKey) => {
+                            target[item][key][subKey] = data[item][key][subKey];
+                        });
+                    }
+                    else {
+                        target[item][key] = data[item][key] || Object.assign({}, defaultTranslation);
+                    }
+                });
+            });
+            resolve(true);
+        })
+            .catch(err => {
+            console.error("Failed to load translations:", err);
+            resolve(false);
+        });
+    });
+};
+
+/**
+ * @name setClientStyling
+ * @description Method used to create and append to the passed element of the widget a style element with the content received
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStyling The style content
+ */
+function setClientStyling(stylingContainer, clientStyling) {
+  if (stylingContainer) {
+    const sheet = document.createElement('style');
+    sheet.innerHTML = clientStyling;
+    stylingContainer.appendChild(sheet);
+  }
+}
+
+/**
+ * @name setClientStylingURL
+ * @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStylingUrl The URL of the style content
+ */
+function setClientStylingURL(stylingContainer, clientStylingUrl) {
+  const url = new URL(clientStylingUrl);
+
+  fetch(url.href)
+    .then((res) => res.text())
+    .then((data) => {
+      const cssFile = document.createElement('style');
+      cssFile.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(cssFile);
+      }
+    })
+    .catch((err) => {
+      console.error('There was an error while trying to load client styling from URL', err);
+    });
+}
+
+/**
+ * @name setStreamLibrary
+ * @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
+ * @param {HTMLElement} stylingContainer The highest element of the widget
+ * @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
+ * @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
+ */
+function setStreamStyling(stylingContainer, domain, subscription) {
+  if (window.emMessageBus) {
+    const sheet = document.createElement('style');
+
+    window.emMessageBus.subscribe(domain, (data) => {
+      sheet.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(sheet);
+      }
+    });
+  }
+}
+
+const generalStylingWrapperCss = ":host{display:block}";
+const GeneralStylingWrapperStyle0 = generalStylingWrapperCss;
+
+const GeneralStylingWrapper = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.stylingAppends = false;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.mbSource = undefined;
+        this.translationUrl = '';
+        this.targetTranslations = undefined;
+    }
+    componentDidLoad() {
+        if (this.el) {
+            if (window.emMessageBus != undefined) {
+                setStreamStyling(this.el, `${this.mbSource}.Style`);
+            }
+            else {
+                if (this.clientStyling)
+                    setClientStyling(this.el, this.clientStyling);
+                if (this.clientStylingUrl)
+                    setClientStylingURL(this.el, this.clientStylingUrl);
+                this.stylingAppends = true;
+            }
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.el, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.el, this.clientStylingUrl);
+        }
+    }
+    componentDidRender() {
+        // start custom styling area
+        if (!this.stylingAppends) {
+            if (this.clientStyling)
+                setClientStyling(this.el, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.el, this.clientStylingUrl);
+            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", { key: '09ad83748bbad518743c8671b986c541c52bf3f0', class: "StyleShell" }, h("slot", { key: '3b28b776d3944410c717b002b70946d274a4e8e7', name: "mainContent" })));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "clientStyling": ["handleClientStylingChange"],
+        "clientStylingUrl": ["handleClientStylingUrlChange"]
+    }; }
+};
+GeneralStylingWrapper.style = GeneralStylingWrapperStyle0;
+
+export { BonusElevateLevelsJojogroup as bonus_elevate_levels_jojogroup, ElevateLevelPresentation as elevate_level_presentation, ElevateLevelsData as elevate_levels_data, GeneralStylingWrapper as general_styling_wrapper };