@everymatrix/user-action-controller 1.44.0 → 1.45.0

package/dist/collection/components/user-action-controller/user-action-controller.js

@@ -1,431 +1,425 @@
-import { Component, h, Prop, Listen, State, Watch } from '@stencil/core';
-import { getTranslations, translate } from '../../utils/locale.utils';
-import '@everymatrix/player-user-consents';
+import { h } from "@stencil/core";
+import { getTranslations, translate } from "../../utils/locale.utils";
+import "../../../../../player-user-consents/dist/types/index";
 export class UserActionController {
-  constructor() {
-    /**
-    * Language
-    */
-    this.lang = 'en';
-    /**
-     * Select GM version
-     */
-    this.gmVersion = '';
-    /**
-    * Translation url
-    */
-    this.translationUrl = '';
-    /**
-     * Client custom styling via inline style
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * Which actions are required in order to activate the "Apply" button. Other actions are considered optional.
-     */
-    this.queryFired = false;
-    this.readyActionsCount = 0;
-    this.activeUserActions = [];
-    this.userActionsValidated = true;
-    this.receivedQueryResponses = 0;
-    this.limitStylingAppends = false;
-    this.isLoading = true;
-    this.mandatoryActionsChecked = 0;
-    //for now this variable is hardcoded bcs we have terms and conditions and privacy policy mandatory and we dont receive with these new functionality the mandatory actions
-    this.mandatoryActions = ['termsandconditions', 'privacypolicy'];
-    this.userActions = [];
-    this.consentTitles = {
-      termsandconditions: translate('termsAndConditionsTitle', this.lang),
-      sms: translate('smsTitle', this.lang),
-      emailmarketing: translate('emailMarketingTitle', this.lang),
-      privacypolicy: translate('privacyPolicyTitle', this.lang)
-    };
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        this.clientStyling = data;
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.stylingContainer.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('error ', err);
-      });
-    };
-  }
-  handleNewTranslations() {
-    getTranslations(this.translationUrl);
-  }
-  handleQueryResponse() {
-    if (this.receivedQueryResponses === this.activeUserActions.length) {
-      this.updateUserConsents();
+    constructor() {
+        //for now this variable is hardcoded bcs we have terms and conditions and privacy policy mandatory and we dont receive with these new functionality the mandatory actions
+        this.mandatoryActions = ['termsandconditions', 'privacypolicy'];
+        this.userActions = [];
+        this.consentTitles = {
+            termsandconditions: translate('termsAndConditionsTitle', this.lang),
+            sms: translate('smsTitle', this.lang),
+            emailmarketing: translate('emailMarketingTitle', this.lang),
+            privacypolicy: translate('privacyPolicyTitle', this.lang)
+        };
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let url = new URL(this.clientStylingUrl);
+            let cssFile = document.createElement('style');
+            fetch(url.href)
+                .then((res) => res.text())
+                .then((data) => {
+                this.clientStyling = data;
+                cssFile.innerHTML = data;
+                setTimeout(() => { this.stylingContainer.prepend(cssFile); }, 1);
+            })
+                .catch((err) => {
+                console.log('error ', err);
+            });
+        };
+        this.endpoint = undefined;
+        this.userSession = undefined;
+        this.userId = undefined;
+        this.lang = 'en';
+        this.includeSubmitButton = undefined;
+        this.gmVersion = '';
+        this.translationUrl = '';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.queryFired = false;
+        this.readyActionsCount = 0;
+        this.activeUserActions = [];
+        this.userActionsValidated = true;
+        this.receivedQueryResponses = 0;
+        this.limitStylingAppends = false;
+        this.isLoading = true;
+        this.mandatoryActionsChecked = 0;
+        this.mandatoryItems = undefined;
     }
-  }
-  userLegislationConsentHandler(event) {
-    const actionType = event.detail.type;
-    const actionTypeChecked = event.detail.value;
-    if (this.mandatoryActions.includes(actionType) && this.queryFired === false) {
-      actionTypeChecked === true ? this.mandatoryActionsChecked++ : this.mandatoryActionsChecked--;
+    handleNewTranslations() {
+        getTranslations(this.translationUrl);
     }
-    // Register final user choices only if we're ready to update
-    if (this.queryFired) {
-      const determineStatus = (checked, version) => {
-        if (version === 'gm16') {
-          return checked ? 1 : 0;
+    handleQueryResponse() {
+        if (this.receivedQueryResponses === this.activeUserActions.length) {
+            this.updateUserConsents();
         }
-        return checked ? 'Accepted' : 'Denied';
-      };
-      this.userActions.push(Object.assign({ tagCode: actionType, status: determineStatus(actionTypeChecked, this.gmVersion) }, (this.gmVersion === 'gm16' && { note: '' })));
-      this.receivedQueryResponses++;
     }
-  }
-  determineUserActionsCore() {
-    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/consent`);
-    const headers = new Headers();
-    headers.append('X-SessionId', this.userSession);
-    let requestOptions = {
-      method: 'GET',
-      headers
-    };
-    return fetch(url.href, requestOptions)
-      .then(res => res.json())
-      .then(data => {
-      const actionItems = data.items;
-      actionItems.forEach(element => {
-        if (element.status === 'Expired') {
-          this.activeUserActions.push(element.tagCode);
+    userLegislationConsentHandler(event) {
+        const actionType = event.detail.type;
+        const actionTypeChecked = event.detail.value;
+        if (this.mandatoryActions.includes(actionType) && this.queryFired === false) {
+            actionTypeChecked === true ? this.mandatoryActionsChecked++ : this.mandatoryActionsChecked--;
         }
-      });
-      this.isLoading = false;
-    })
-      .catch(error => {
-      console.error('Error fetching data:', error);
-      this.isLoading = false;
-    }).finally(() => {
-      this.calcMandatoryActions();
-      window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 ? true : false }, window.location.href);
-    });
-  }
-  determineUserActions16() {
-    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
-    const headers = new Headers();
-    headers.append('X-SessionId', this.userSession);
-    let requestOptions = {
-      method: 'GET',
-      headers
-    };
-    return fetch(url.href, requestOptions)
-      .then(res => res.json())
-      .then(data => {
-      const actionItems = data.consents;
-      actionItems.forEach(element => {
-        if (element.status === 2 && element.tagCode !== 'pepconsent') {
-          this.activeUserActions.push(element.tagCode);
+        // Register final user choices only if we're ready to update
+        if (this.queryFired) {
+            const determineStatus = (checked, version) => {
+                if (version === 'gm16') {
+                    return checked ? 1 : 0;
+                }
+                return checked ? 'Accepted' : 'Denied';
+            };
+            this.userActions.push(Object.assign({ tagCode: actionType, status: determineStatus(actionTypeChecked, this.gmVersion) }, (this.gmVersion === 'gm16' && { note: '' })));
+            this.receivedQueryResponses++;
         }
-      });
-      this.isLoading = false;
-    })
-      .catch(error => {
-      console.error('Error fetching data:', error);
-      this.isLoading = false;
-    }).finally(() => {
-      this.calcMandatoryActions();
-      window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 ? true : false }, window.location.href);
-    });
-  }
-  updateUserConsents() {
-    const url = (this.gmVersion === 'gmcore')
-      ? new URL(`${this.endpoint}/v1/player/${this.userId}/consent`)
-      : new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
-    const body = {
-      consents: this.userActions
-    };
-    let requestOptions = {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Accept': 'application/json',
-        'X-SessionId': `${this.userSession}`,
-      },
-      body: JSON.stringify(body)
-    };
-    fetch(url.href, requestOptions)
-      .then(res => res.json())
-      .then(() => {
-      window.postMessage({
-        type: 'WidgetNotification',
-        data: {
-          type: 'success',
-          message: 'Consent update successful!'
+    }
+    determineUserActionsCore() {
+        const url = new URL(`${this.endpoint}/v1/player/${this.userId}/consent`);
+        const headers = new Headers();
+        headers.append('X-SessionId', this.userSession);
+        let requestOptions = {
+            method: 'GET',
+            headers
+        };
+        return fetch(url.href, requestOptions)
+            .then(res => res.json())
+            .then(data => {
+            const actionItems = data.items;
+            actionItems.forEach(element => {
+                if (element.status === 'Expired') {
+                    this.activeUserActions.push(element.tagCode);
+                }
+            });
+            this.isLoading = false;
+        })
+            .catch(error => {
+            console.error('Error fetching data:', error);
+            this.isLoading = false;
+        }).finally(() => {
+            this.calcMandatoryActions();
+            window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 ? true : false }, window.location.href);
+        });
+    }
+    determineUserActions16() {
+        const url = new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
+        const headers = new Headers();
+        headers.append('X-SessionId', this.userSession);
+        let requestOptions = {
+            method: 'GET',
+            headers
+        };
+        return fetch(url.href, requestOptions)
+            .then(res => res.json())
+            .then(data => {
+            const actionItems = data.consents;
+            actionItems.forEach(element => {
+                if (element.status === 2 && element.tagCode !== 'pepconsent') {
+                    this.activeUserActions.push(element.tagCode);
+                }
+            });
+            this.isLoading = false;
+        })
+            .catch(error => {
+            console.error('Error fetching data:', error);
+            this.isLoading = false;
+        }).finally(() => {
+            this.calcMandatoryActions();
+            window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 ? true : false }, window.location.href);
+        });
+    }
+    updateUserConsents() {
+        const url = (this.gmVersion === 'gmcore')
+            ? new URL(`${this.endpoint}/v1/player/${this.userId}/consent`)
+            : new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
+        const body = {
+            consents: this.userActions
+        };
+        let requestOptions = {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Accept': 'application/json',
+                'X-SessionId': `${this.userSession}`,
+            },
+            body: JSON.stringify(body)
+        };
+        fetch(url.href, requestOptions)
+            .then(res => res.json())
+            .then(() => {
+            window.postMessage({
+                type: 'WidgetNotification',
+                data: {
+                    type: 'success',
+                    message: 'Consent update successful!'
+                }
+            }, window.location.href);
+        })
+            .catch((err) => {
+            window.postMessage({
+                type: 'WidgetNotification',
+                data: {
+                    type: 'error',
+                    message: 'Server might not be responding',
+                    err
+                }
+            }, window.location.href);
+        })
+            .finally(() => {
+            window.postMessage({ type: 'UserActionsCompleted' }, window.location.href);
+        });
+    }
+    handleApplyClick() {
+        this.queryFired = true;
+    }
+    async componentWillLoad() {
+        if (this.gmVersion === 'gmcore') {
+            this.determineUserActionsCore();
+        }
+        if (this.gmVersion === 'gm16') {
+            this.determineUserActions16();
+        }
+        if (this.translationUrl.length > 2) {
+            await getTranslations(this.translationUrl);
+        }
+    }
+    componentDidRender() {
+        // start custom styling area
+        if (!this.limitStylingAppends && this.stylingContainer) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
+        // end custom styling area
+    }
+    calcMandatoryActions() {
+        this.mandatoryItems = 0;
+        this.mandatoryActions.map(action => {
+            const isPresent = this.activeUserActions.includes(action);
+            if (isPresent) {
+                this.mandatoryItems++;
+            }
+        });
+    }
+    render() {
+        if (this.mandatoryItems > 0) {
+            this.userActionsValidated = this.mandatoryActionsChecked === this.mandatoryItems;
+            return (h("div", { class: "QueryReferenceContainer", ref: el => this.stylingContainer = el }, this.isLoading ? (h("slot", { name: 'spinner' })
+                &&
+                    h("svg", { class: "spinner", viewBox: "0 0 50 50" }, h("circle", { class: "path", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "5" }))) : (h("div", { class: "UserActionController" }, h("h2", { class: "UserConsentNotice" }, translate('userNoticeText', this.lang)), h("div", { class: "PlayerLegislationWrapper" }, this.activeUserActions.map(action => (h("slot", { name: action }, h("player-user-consents", { lang: this.lang, "gm-version": this.gmVersion, "translation-url": this.translationUrl, consentType: action, consentTitle: this.consentTitles[action], queried: this.queryFired, mandatory: this.mandatoryActions.includes(action), "client-styling": this.clientStyling }))))), this.includeSubmitButton &&
+                h("button", { class: "ConsentSubmitButton", disabled: !this.userActionsValidated, onClick: () => this.handleApplyClick() }, translate('submitButtonText', this.lang))))));
         }
-      }, window.location.href);
-    })
-      .catch((err) => {
-      window.postMessage({
-        type: 'WidgetNotification',
-        data: {
-          type: 'error',
-          message: 'Server might not be responding',
-          err
+        else {
+            return;
         }
-      }, window.location.href);
-    })
-      .finally(() => {
-      window.postMessage({ type: 'UserActionsCompleted' }, window.location.href);
-    });
-  }
-  handleApplyClick() {
-    this.queryFired = true;
-  }
-  async componentWillLoad() {
-    if (this.gmVersion === 'gmcore') {
-      this.determineUserActionsCore();
     }
-    if (this.gmVersion === 'gm16') {
-      this.determineUserActions16();
+    static get is() { return "user-action-controller"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["user-action-controller.scss"]
+        };
     }
-    if (this.translationUrl.length > 2) {
-      await getTranslations(this.translationUrl);
+    static get styleUrls() {
+        return {
+            "$": ["user-action-controller.css"]
+        };
     }
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+    static get properties() {
+        return {
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "the endpoint required for the update call"
+                },
+                "attribute": "endpoint",
+                "reflect": true
+            },
+            "userSession": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "user session required for the update call"
+                },
+                "attribute": "user-session",
+                "reflect": true
+            },
+            "userId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "user id required for the update call"
+                },
+                "attribute": "user-id",
+                "reflect": true
+            },
+            "lang": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Language"
+                },
+                "attribute": "lang",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "includeSubmitButton": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "whether or not to include the submit button (in case we want to compose a different )"
+                },
+                "attribute": "include-submit-button",
+                "reflect": true
+            },
+            "gmVersion": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Select GM version"
+                },
+                "attribute": "gm-version",
+                "reflect": false,
+                "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": "''"
+            },
+            "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": "''"
+            }
+        };
     }
-    // end custom styling area
-  }
-  calcMandatoryActions() {
-    this.mandatoryItems = 0;
-    this.mandatoryActions.map(action => {
-      const isPresent = this.activeUserActions.includes(action);
-      if (isPresent) {
-        this.mandatoryItems++;
-      }
-    });
-  }
-  render() {
-    if (this.mandatoryItems > 0) {
-      this.userActionsValidated = this.mandatoryActionsChecked === this.mandatoryItems;
-      return (h("div", { class: "QueryReferenceContainer", ref: el => this.stylingContainer = el }, this.isLoading ? (h("slot", { name: 'spinner' })
-        &&
-          h("svg", { class: "spinner", viewBox: "0 0 50 50" },
-            h("circle", { class: "path", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "5" }))) : (h("div", { class: "UserActionController" },
-        h("h2", { class: "UserConsentNotice" }, translate('userNoticeText', this.lang)),
-        h("div", { class: "PlayerLegislationWrapper" }, this.activeUserActions.map(action => (h("slot", { name: action },
-          h("player-user-consents", { lang: this.lang, "gm-version": this.gmVersion, "translation-url": this.translationUrl, consentType: action, consentTitle: this.consentTitles[action], queried: this.queryFired, mandatory: this.mandatoryActions.includes(action), "client-styling": this.clientStyling }))))),
-        this.includeSubmitButton &&
-          h("button", { class: "ConsentSubmitButton", disabled: !this.userActionsValidated, onClick: () => this.handleApplyClick() }, translate('submitButtonText', this.lang))))));
+    static get states() {
+        return {
+            "queryFired": {},
+            "readyActionsCount": {},
+            "activeUserActions": {},
+            "userActionsValidated": {},
+            "receivedQueryResponses": {},
+            "limitStylingAppends": {},
+            "isLoading": {},
+            "mandatoryActionsChecked": {},
+            "mandatoryItems": {}
+        };
     }
-    else {
-      return;
+    static get watchers() {
+        return [{
+                "propName": "translationUrl",
+                "methodName": "handleNewTranslations"
+            }, {
+                "propName": "receivedQueryResponses",
+                "methodName": "handleQueryResponse"
+            }];
     }
-  }
-  static get is() { return "user-action-controller"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["user-action-controller.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["user-action-controller.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 required for the update call"
-      },
-      "attribute": "endpoint",
-      "reflect": true
-    },
-    "userSession": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "user session required for the update call"
-      },
-      "attribute": "user-session",
-      "reflect": true
-    },
-    "userId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "user id required for the update call"
-      },
-      "attribute": "user-id",
-      "reflect": true
-    },
-    "lang": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Language"
-      },
-      "attribute": "lang",
-      "reflect": true,
-      "defaultValue": "'en'"
-    },
-    "includeSubmitButton": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "whether or not to include the submit button (in case we want to compose a different )"
-      },
-      "attribute": "include-submit-button",
-      "reflect": true
-    },
-    "gmVersion": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Select GM version"
-      },
-      "attribute": "gm-version",
-      "reflect": false,
-      "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": "''"
-    },
-    "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": "''"
+    static get listeners() {
+        return [{
+                "name": "userLegislationConsent",
+                "method": "userLegislationConsentHandler",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
     }
-  }; }
-  static get states() { return {
-    "queryFired": {},
-    "readyActionsCount": {},
-    "activeUserActions": {},
-    "userActionsValidated": {},
-    "receivedQueryResponses": {},
-    "limitStylingAppends": {},
-    "isLoading": {},
-    "mandatoryActionsChecked": {},
-    "mandatoryItems": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "translationUrl",
-      "methodName": "handleNewTranslations"
-    }, {
-      "propName": "receivedQueryResponses",
-      "methodName": "handleQueryResponse"
-    }]; }
-  static get listeners() { return [{
-      "name": "userLegislationConsent",
-      "method": "userLegislationConsentHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
 }