@everymatrix/general-slider-navigation 1.0.69

package/dist/collection/components/general-slider-navigation/general-slider-navigation.js

@@ -0,0 +1,301 @@
+import { h } from "@stencil/core";
+import { getDevicePlatform } from "../../utils/utils";
+import { getTranslations, translate } from "../../utils/locale.utils";
+export class GeneralSliderNavigation {
+    constructor() {
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.cmsEndpoint = undefined;
+        this.cmsEnv = 'stage';
+        this.language = 'en';
+        this.userRoles = 'everyone';
+        this.bulletNavigation = true;
+        this.slideTimer = undefined;
+        this.sliderMobileWidth = 200;
+        this.sliderDesktopWidth = 300;
+        this.translationUrl = '';
+        this.isLoading = true;
+        this.hasErrors = false;
+        this.device = '';
+    }
+    handleNewTranslations() {
+        getTranslations(this.translationUrl);
+    }
+    watchEndpoint(newValue, oldValue) {
+        if (newValue && newValue != oldValue && this.cmsEndpoint) {
+            this.getGeneralSliderNavigation().then((GeneralSliderNavigation) => {
+                this.sliderData = GeneralSliderNavigation;
+            });
+        }
+    }
+    async componentWillLoad() {
+        if (this.translationUrl.length > 2) {
+            await getTranslations(this.translationUrl);
+        }
+        if (this.cmsEndpoint && this.language) {
+            return this.getGeneralSliderNavigation().then((GeneralSliderNavigation) => {
+                this.sliderData = GeneralSliderNavigation;
+            });
+        }
+    }
+    getGeneralSliderNavigation() {
+        let url = new URL(`${this.cmsEndpoint}/${this.language}/homepage`);
+        url.searchParams.append('env', this.cmsEnv);
+        url.searchParams.append('userRoles', this.userRoles);
+        url.searchParams.append('device', getDevicePlatform());
+        return new Promise((resolve, reject) => {
+            this.isLoading = true;
+            fetch(url.href)
+                .then((res) => res.json())
+                .then((menuSliderData) => {
+                resolve(menuSliderData.banners);
+            })
+                .catch((err) => {
+                console.error(err);
+                this.hasErrors = true;
+                reject(err);
+            }).finally(() => {
+                this.isLoading = false;
+            });
+        });
+    }
+    render() {
+        if (this.hasErrors) {
+            return (h("div", { class: "PageError" }, h("div", { class: "TitleError" }, translate('error', this.language))));
+        }
+        if (!this.isLoading) {
+            return (h("div", null, h("carousel-component", { "slider-data": this.sliderData, language: this.language, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "bullet-navigation": this.bulletNavigation, "slide-timer": this.slideTimer, "translation-url": this.translationUrl, "slider-mobile-width": this.sliderMobileWidth, "slider-desktop-width": this.sliderDesktopWidth })));
+        }
+    }
+    static get is() { return "general-slider-navigation"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["general-slider-navigation.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["general-slider-navigation.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via inline style"
+                },
+                "attribute": "client-styling",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via url"
+                },
+                "attribute": "client-styling-url",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "cmsEndpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Endpoint URL for the source of data"
+                },
+                "attribute": "cms-endpoint",
+                "reflect": true
+            },
+            "cmsEnv": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "CMS Endpoint stage"
+                },
+                "attribute": "cms-env",
+                "reflect": true,
+                "defaultValue": "'stage'"
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Language of the widget"
+                },
+                "attribute": "language",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "userRoles": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "User roles"
+                },
+                "attribute": "user-roles",
+                "reflect": true,
+                "defaultValue": "'everyone'"
+            },
+            "bulletNavigation": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show bullet navigation under slides"
+                },
+                "attribute": "bullet-navigation",
+                "reflect": true,
+                "defaultValue": "true"
+            },
+            "slideTimer": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Timer for auto sliding"
+                },
+                "attribute": "slide-timer",
+                "reflect": true
+            },
+            "sliderMobileWidth": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Mobile width for sliders"
+                },
+                "attribute": "slider-mobile-width",
+                "reflect": true,
+                "defaultValue": "200"
+            },
+            "sliderDesktopWidth": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Desktop width for sliders"
+                },
+                "attribute": "slider-desktop-width",
+                "reflect": true,
+                "defaultValue": "300"
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Translation via url"
+                },
+                "attribute": "translation-url",
+                "reflect": true,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isLoading": {},
+            "hasErrors": {},
+            "device": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "translationUrl",
+                "methodName": "handleNewTranslations"
+            }, {
+                "propName": "cmsEndpoint",
+                "methodName": "watchEndpoint"
+            }, {
+                "propName": "language",
+                "methodName": "watchEndpoint"
+            }];
+    }
+}

package/dist/collection/components/general-slider-navigation/index.js

@@ -0,0 +1 @@
+export { GeneralSliderNavigation } from './general-slider-navigation';

package/dist/collection/index.js

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

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

@@ -0,0 +1,62 @@
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hu', 'hr'];
+const TRANSLATIONS = {
+    en: {
+        error: 'Error',
+        noResults: 'Loading, please wait ...',
+        joinNow: 'Join now'
+    },
+    hu: {
+        error: 'Error',
+        noResults: 'Loading, please wait ...',
+        joinNow: 'Join now'
+    },
+    ro: {
+        error: 'Eroare',
+        noResults: 'Loading, please wait ...',
+        joinNow: 'Join now'
+    },
+    fr: {
+        error: 'Error',
+        noResults: 'Loading, please wait ...',
+        joinNow: 'Join now'
+    },
+    ar: {
+        error: 'خطأ',
+        noResults: 'Loading, please wait ...',
+        joinNow: 'Join now'
+    },
+    hr: {
+        error: 'Greška',
+        noResults: 'Učitavanje, molimo pričekajte ...',
+        joinNow: 'Join now'
+    },
+    'pt-br': {
+        'error': 'Erro',
+        'noResults': 'Carregando, espere por favor…',
+        'joinNow': 'Join now'
+    },
+    'es-mx': {
+        'error': 'Error',
+        'noResults': 'Cargando, espere por favor…',
+        'joinNow': 'Join now'
+    }
+};
+export const getTranslations = (url) => {
+    return new Promise((resolve) => {
+        fetch(url)
+            .then((res) => res.json())
+            .then((data) => {
+            Object.keys(data).forEach((item) => {
+                for (let key in data[item]) {
+                    TRANSLATIONS[item][key] = data[item][key];
+                }
+            });
+            resolve(true);
+        });
+    });
+};
+export const translate = (key, customLang) => {
+    const lang = customLang;
+    return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};

package/dist/collection/utils/utils.js

@@ -0,0 +1,56 @@
+/**
+ * @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));
+};
+export const getDevice = () => {
+    let userAgent = window.navigator.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 const getDevicePlatform = () => {
+    const device = getDevice();
+    if (device) {
+        if (device === 'PC') {
+            return 'dk';
+        }
+        else if (device === 'iPad' || device === 'iPhone') {
+            return 'ios';
+        }
+        else {
+            return 'mtWeb';
+        }
+    }
+};
+export function checkDeviceType() {
+    const userAgent = navigator.userAgent.toLowerCase();
+    const width = screen.availWidth;
+    const height = screen.availHeight;
+    if (userAgent.includes('iphone')) {
+        return 'mobile';
+    }
+    if (userAgent.includes('android')) {
+        if (height > width && width < 800) {
+            return 'mobile';
+        }
+        if (width > height && height < 800) {
+            return 'tablet';
+        }
+    }
+    return 'desktop';
+}

package/dist/esm/app-globals-0f993ce5.js

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