@everymatrix/pam-logout 0.0.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const pamLogout = require('./pam-logout-f179c4f1.js');
+require('./index-e376310b.js');
+
+
+
+exports.PamLogout = pamLogout.PamLogout;

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e376310b.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([["pam-logout.cjs",[[1,"pam-logout",{"endpoint":[513],"session":[513],"language":[1537],"mbSource":[513,"mb-source"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/pam-logout-f179c4f1.js

@@ -0,0 +1,263 @@
+'use strict';
+
+const index = require('./index-e376310b.js');
+
+/**
+ * @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);
+      }
+    });
+  }
+}
+
+/**
+ * @name dispatchCustomEvent
+ * @description dispatches the custom event CustomEventProcessor is listening for
+ * @param {string} type of the custom event
+ * @param {Object} data may contain additional information about the event, e.g. userId
+ */
+const dispatchCustomEvent = (type, data = {}) => {
+    const event = new CustomEvent('track-custom-event', {
+        detail: {
+            type,
+            data
+        },
+        bubbles: true,
+        composed: true
+    });  
+      
+    document.dispatchEvent(event);
+};
+
+const DEFAULT_LANGUAGE = 'en';
+const TRANSLATIONS = {
+    en: {
+        logoutButton: 'Logout'
+    },
+    hu: {
+        logoutButton: 'Logout'
+    },
+    ro: {
+        logoutButton: 'Logout'
+    },
+    fr: {
+        logoutButton: 'Déconnexion'
+    },
+    tr: {
+        logoutButton: 'Çıkış Yap'
+    },
+    hr: {
+        logoutButton: 'Logout'
+    },
+    'pt-br': {
+        logoutButton: 'Logout'
+    },
+    'es-mx': {
+        logoutButton: 'Logout'
+    }
+};
+const translate = (key, customLang, values) => {
+    const lang = customLang;
+    let translation = TRANSLATIONS[lang !== undefined ? lang : DEFAULT_LANGUAGE][key];
+    if (values !== undefined) {
+        for (const [key, value] of Object.entries(values.values)) {
+            const regex = new RegExp(`{${key}}`, 'g');
+            translation = translation.replace(regex, value);
+        }
+    }
+    return translation;
+};
+const getTranslations = (url) => {
+    // fetch url, get the data, replace the TRANSLATIONS content
+    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);
+        });
+    });
+};
+
+/**
+ * @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
+ */
+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';
+}
+
+const pamLogoutCss = ":host{display:block}:host *,:host *::before,:host *::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.PlayerAccountMenuItemBox{padding:20px;font-size:16px;display:inline-flex;width:100%;box-sizing:border-box;align-items:center;cursor:pointer}.PlayerAccountMenuItemBox .PlayerLogoutText{margin-left:20px}.PlayerAccountMenuItemBox svg{display:block;width:100%;height:100%}.PlayerAccountMenuItemBox svg .logout-icon-path{fill:var(--emw--pam-typography-color-nav-bg, var(--emw--color-white, #FFFFFF))}.PlayerAccountMenuItemBoxMobile.PlayerAccountMenuItemBox{height:auto;justify-content:center;position:relative;display:flex;width:unset;padding:0}.PlayerAccountMenuItemBoxMobile.PlayerAccountMenuItemBox svg .logout-icon-path{fill:var(--emw--pam-typography-color-nav-bg, var(--emw--color-white, #FFFFFF))}";
+const PamLogoutStyle0 = pamLogoutCss;
+
+const PamLogout = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.device = checkDeviceType();
+        this.handleLogout = async () => {
+            try {
+                const headers = new Headers();
+                headers.append('accept', 'text/plain');
+                headers.append('X-SessionId', this.session);
+                const options = {
+                    method: 'POST',
+                    headers: headers
+                };
+                const response = await fetch(`${this.endpoint}/api/v2/gm/sav2/sessions/terminate`, options);
+                if (response.ok) {
+                    let data = await response.json();
+                    if (data.details.exitReason === 'LOGGEDOFF') {
+                        window.postMessage({ type: 'LogoutSuccessfull' }, window.location.href);
+                        dispatchCustomEvent('logged_out', {});
+                    }
+                }
+                else {
+                    throw new Error(`Logout failed with status: ${response.status}`);
+                }
+            }
+            catch (error) {
+                console.error('Logout error:', error);
+                window.postMessage({
+                    type: 'WidgetNotification',
+                    data: {
+                        type: 'error',
+                        message: 'Logout failed. Please try again.',
+                        error
+                    }
+                }, window.location.href);
+            }
+        };
+        this.endpoint = undefined;
+        this.session = undefined;
+        this.language = 'en';
+        this.mbSource = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue !== oldValue && this.stylingContainer) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue !== oldValue && this.stylingContainer) {
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue !== oldValue && this.stylingContainer) {
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+        }
+    }
+    async componentWillLoad() {
+        if (!this.endpoint || !this.session) {
+            throw new Error('endpoint and session props are required');
+        }
+        if (this.translationUrl && this.translationUrl.length > 2) {
+            await getTranslations(this.translationUrl);
+        }
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (this.mbSource) {
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            }
+            if (this.clientStyling) {
+                setClientStyling(this.stylingContainer, this.clientStyling);
+            }
+            if (this.clientStylingUrl) {
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+            }
+        }
+    }
+    disconnectedCallback() {
+        if (this.stylingSubscription) {
+            this.stylingSubscription.unsubscribe();
+        }
+    }
+    render() {
+        return (index.h("div", { key: 'fd28f2abf2ac49d499193091ead03c6770bc2610', class: "LogoutContainer", ref: el => this.stylingContainer = el }, index.h("p", { key: '0c0fe4e0a6e1928215d2dc607412d419c33ae319', class: {
+                'PlayerAccountMenuItemBox': true,
+                'PlayerAccountMenuItemBoxMobile': this.device === 'mobile',
+                'PlayerAccountMenuItemBoxTablet': this.device === 'tablet'
+            }, onClick: this.handleLogout }, index.h("span", { key: '602622ac17b77524716c2acffc1939b2926c3436', style: { width: this.device === 'tablet' ? '24px' : '20px' } }, index.h("svg", { key: 'ee293dcd05d15d60db596e82975ee0aaea1764f0', id: "bbfaf345-72af-4296-bf4b-2fd41fc03d5d", "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 150 150", width: "100%", height: "100%" }, index.h("path", { key: 'eda0097f7b1ea557e30b459581b733295fd02480', class: "icon-path", d: "M147.16,67.69,115.42,36a9.6,9.6,0,1,0-13.58,13.58l15.32,15.31H49.58a9.63,9.63,0,1,0,0,19.26h67.58L101.84,99.42a9.64,9.64,0,0,0,6.79,16.43,9.41,9.41,0,0,0,6.79-2.85l31.74-31.73a9.53,9.53,0,0,0,0-13.58Z" }), index.h("path", { key: 'cfc27c506086165b71de92fc2064ebd7c7d9eb21', class: "icon-path", d: "M45.16,122.16H19.26V26.79H45.32a9.63,9.63,0,1,0,0-19.26H9.63A9.56,9.56,0,0,0,0,17.16V131.63a9.57,9.57,0,0,0,9.63,9.64H45.32A9.57,9.57,0,0,0,55,131.63a9.78,9.78,0,0,0-9.79-9.47Z" }))), this.device !== 'mobile' && (index.h("span", { key: '0c65abb764174563c9e87fbadf3eef7cfb5339ea', class: "PlayerLogoutText" }, translate('logoutButton', this.language))))));
+    }
+    static get watchers() { return {
+        "clientStyling": ["handleClientStylingChange"],
+        "clientStylingUrl": ["handleClientStylingUrlChange"],
+        "mbSource": ["handleMbSourceChange"]
+    }; }
+};
+PamLogout.style = PamLogoutStyle0;
+
+exports.PamLogout = PamLogout;

package/dist/cjs/pam-logout.cjs.entry.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const pamLogout = require('./pam-logout-f179c4f1.js');
+require('./index-e376310b.js');
+
+
+
+exports.pam_logout = pamLogout.PamLogout;

package/dist/cjs/pam-logout.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e376310b.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+/*
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('pam-logout.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["pam-logout.cjs",[[1,"pam-logout",{"endpoint":[513],"session":[513],"language":[1537],"mbSource":[513,"mb-source"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "components/pam_logout/pam-logout.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/pam_logout/index.js

@@ -0,0 +1 @@
+export { PamLogout } from './pam-logout';

package/dist/collection/components/pam_logout/pam-logout.css

@@ -0,0 +1,47 @@
+:host {
+  display: block;
+}
+:host *,
+:host *::before,
+:host *::after {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  text-decoration: none;
+  outline: none;
+  box-sizing: border-box;
+}
+
+.PlayerAccountMenuItemBox {
+  padding: 20px;
+  font-size: 16px;
+  display: inline-flex;
+  width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  cursor: pointer;
+}
+.PlayerAccountMenuItemBox .PlayerLogoutText {
+  margin-left: 20px;
+}
+.PlayerAccountMenuItemBox svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.PlayerAccountMenuItemBox svg .logout-icon-path {
+  fill: var(--emw--pam-typography-color-nav-bg, var(--emw--color-white, #FFFFFF));
+}
+
+.PlayerAccountMenuItemBoxMobile.PlayerAccountMenuItemBox {
+  height: auto;
+  justify-content: center;
+  position: relative;
+  /*top: 20px;*/
+  display: flex;
+  width: unset;
+  padding: 0;
+}
+.PlayerAccountMenuItemBoxMobile.PlayerAccountMenuItemBox svg .logout-icon-path {
+  fill: var(--emw--pam-typography-color-nav-bg, var(--emw--color-white, #FFFFFF));
+}

package/dist/collection/components/pam_logout/pam-logout.js

@@ -0,0 +1,249 @@
+import { h } from "@stencil/core";
+import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
+import { dispatchCustomEvent } from "../../../../../../../../libs/custom-events/src/index";
+import { getTranslations, translate } from "../../utils/locale.utils";
+import { checkDeviceType } from "../../utils/utils";
+export class PamLogout {
+    constructor() {
+        this.device = checkDeviceType();
+        this.handleLogout = async () => {
+            try {
+                const headers = new Headers();
+                headers.append('accept', 'text/plain');
+                headers.append('X-SessionId', this.session);
+                const options = {
+                    method: 'POST',
+                    headers: headers
+                };
+                const response = await fetch(`${this.endpoint}/api/v2/gm/sav2/sessions/terminate`, options);
+                if (response.ok) {
+                    let data = await response.json();
+                    if (data.details.exitReason === 'LOGGEDOFF') {
+                        window.postMessage({ type: 'LogoutSuccessfull' }, window.location.href);
+                        dispatchCustomEvent('logged_out', {});
+                    }
+                }
+                else {
+                    throw new Error(`Logout failed with status: ${response.status}`);
+                }
+            }
+            catch (error) {
+                console.error('Logout error:', error);
+                window.postMessage({
+                    type: 'WidgetNotification',
+                    data: {
+                        type: 'error',
+                        message: 'Logout failed. Please try again.',
+                        error
+                    }
+                }, window.location.href);
+            }
+        };
+        this.endpoint = undefined;
+        this.session = undefined;
+        this.language = 'en';
+        this.mbSource = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue !== oldValue && this.stylingContainer) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue !== oldValue && this.stylingContainer) {
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue !== oldValue && this.stylingContainer) {
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+        }
+    }
+    async componentWillLoad() {
+        if (!this.endpoint || !this.session) {
+            throw new Error('endpoint and session props are required');
+        }
+        if (this.translationUrl && this.translationUrl.length > 2) {
+            await getTranslations(this.translationUrl);
+        }
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (this.mbSource) {
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+            }
+            if (this.clientStyling) {
+                setClientStyling(this.stylingContainer, this.clientStyling);
+            }
+            if (this.clientStylingUrl) {
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+            }
+        }
+    }
+    disconnectedCallback() {
+        if (this.stylingSubscription) {
+            this.stylingSubscription.unsubscribe();
+        }
+    }
+    render() {
+        return (h("div", { key: 'fd28f2abf2ac49d499193091ead03c6770bc2610', class: "LogoutContainer", ref: el => this.stylingContainer = el }, h("p", { key: '0c0fe4e0a6e1928215d2dc607412d419c33ae319', class: {
+                'PlayerAccountMenuItemBox': true,
+                'PlayerAccountMenuItemBoxMobile': this.device === 'mobile',
+                'PlayerAccountMenuItemBoxTablet': this.device === 'tablet'
+            }, onClick: this.handleLogout }, h("span", { key: '602622ac17b77524716c2acffc1939b2926c3436', style: { width: this.device === 'tablet' ? '24px' : '20px' } }, h("svg", { key: 'ee293dcd05d15d60db596e82975ee0aaea1764f0', id: "bbfaf345-72af-4296-bf4b-2fd41fc03d5d", "data-name": "Layer 1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 150 150", width: "100%", height: "100%" }, h("path", { key: 'eda0097f7b1ea557e30b459581b733295fd02480', class: "icon-path", d: "M147.16,67.69,115.42,36a9.6,9.6,0,1,0-13.58,13.58l15.32,15.31H49.58a9.63,9.63,0,1,0,0,19.26h67.58L101.84,99.42a9.64,9.64,0,0,0,6.79,16.43,9.41,9.41,0,0,0,6.79-2.85l31.74-31.73a9.53,9.53,0,0,0,0-13.58Z" }), h("path", { key: 'cfc27c506086165b71de92fc2064ebd7c7d9eb21', class: "icon-path", d: "M45.16,122.16H19.26V26.79H45.32a9.63,9.63,0,1,0,0-19.26H9.63A9.56,9.56,0,0,0,0,17.16V131.63a9.57,9.57,0,0,0,9.63,9.64H45.32A9.57,9.57,0,0,0,55,131.63a9.78,9.78,0,0,0-9.79-9.47Z" }))), this.device !== 'mobile' && (h("span", { key: '0c65abb764174563c9e87fbadf3eef7cfb5339ea', class: "PlayerLogoutText" }, translate('logoutButton', this.language))))));
+    }
+    static get is() { return "pam-logout"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["pam-logout.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["pam-logout.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The endpoint URL for logout request"
+                },
+                "attribute": "endpoint",
+                "reflect": true
+            },
+            "session": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "User session required for logout"
+                },
+                "attribute": "session",
+                "reflect": true
+            },
+            "language": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Language code"
+                },
+                "attribute": "language",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "mbSource for styling"
+                },
+                "attribute": "mb-source",
+                "reflect": true
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": true,
+                "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": "''"
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Translation URL"
+                },
+                "attribute": "translation-url",
+                "reflect": true,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "clientStyling",
+                "methodName": "handleClientStylingChange"
+            }, {
+                "propName": "clientStylingUrl",
+                "methodName": "handleClientStylingUrlChange"
+            }, {
+                "propName": "mbSource",
+                "methodName": "handleMbSourceChange"
+            }];
+    }
+}

package/dist/collection/index.js

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