@everymatrix/player-user-consents 1.44.0 → 1.45.0

package/dist/collection/components/player-user-consents/player-user-consents.js

@@ -1,288 +1,258 @@
-import { Component, h, Event, Prop, State, Watch } from '@stencil/core';
-import { getTranslations, translate } from '../../utils/locale.utils';
+import { h } from "@stencil/core";
+import { getTranslations, translate } from "../../utils/locale.utils";
 export class PlayerUserConsents {
-  constructor() {
-    /**
-    * Language
-    */
-    this.lang = 'en';
-    /**
-     * 'true' when parent expects component to emit it's current value
-     */
-    this.queried = false;
-    /**
-     * the type of the consent, used to determine render details
-     */
-    this.consentType = '';
-    /**
-     * wether or not this consent is mandatory. Used for render details
-     */
-    this.mandatory = false;
-    /**
-     * Select GM version
-     */
-    this.gmVersion = '';
-    /**
-     * the title of the consent to be displayed
-     */
-    this.consentTitle = '';
-    /**
-     * Client custom styling via inline style
-     */
-    this.clientStyling = '';
-    /**
-    * Translation url
-    */
-    this.translationUrl = '';
-    /**
-     * the text content to be rendered by the component. Determined at runtime
-     */
-    this.textContent = '';
-    this.limitStylingAppends = false;
-    this.goToTermsAndConditions = () => window.postMessage({ type: 'GoToTermsAndConditions' });
-    this.goToPrivacyPolicy = () => window.postMessage({ type: 'GoToPrivacyPolicy' });
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-  }
-  handleNewTranslations() {
-    getTranslations(this.translationUrl);
-  }
-  async componentWillLoad() {
-    if (this.translationUrl.length > 2) {
-      await getTranslations(this.translationUrl);
+    constructor() {
+        this.goToTermsAndConditions = () => window.postMessage({ type: 'GoToTermsAndConditions' });
+        this.goToPrivacyPolicy = () => window.postMessage({ type: 'GoToPrivacyPolicy' });
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.lang = 'en';
+        this.queried = false;
+        this.consentType = '';
+        this.mandatory = false;
+        this.gmVersion = '';
+        this.consentTitle = '';
+        this.clientStyling = '';
+        this.translationUrl = '';
+        this.textContent = '';
+        this.limitStylingAppends = false;
     }
-  }
-  userLegislationConsentHandler() {
-    this.userLegislationConsent.emit({
-      type: this.consentType,
-      value: this.checkboxInput.checked
-    });
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      this.limitStylingAppends = true;
+    handleNewTranslations() {
+        getTranslations(this.translationUrl);
     }
-    // end custom styling area
-  }
-  determineTextContent() {
-    if (this.gmVersion === 'gmcore') {
-      if (this.consentType === 'termsandconditions') {
-        return h("p", null,
-          translate('termsAndConditions.acceptPart1', this.lang),
-          h("span", { class: "ConsentLink", onClick: this.goToTermsAndConditions }, translate('termsAndConditions.tcLink', this.lang)),
-          translate('termsAndConditions.acceptPart2', this.lang),
-          h("span", { class: "ConsentLink", onClick: this.goToPrivacyPolicy }, translate('privacyPolicy.privacyLink', this.lang)),
-          translate('termsAndConditions.acceptPart3', this.lang));
-      }
+    async componentWillLoad() {
+        if (this.translationUrl.length > 2) {
+            await getTranslations(this.translationUrl);
+        }
     }
-    if (this.gmVersion === 'gm16') {
-      if (this.consentType === 'termsandconditions') {
-        return h("p", null,
-          translate('termsAndConditions.acceptPart1', this.lang),
-          h("span", { class: "ConsentLink", onClick: this.goToTermsAndConditions }, translate('termsAndConditions.tcLink', this.lang)));
-      }
-      if (this.consentType === 'privacypolicy') {
-        return h("p", null,
-          translate('privacyPolicy.readUnderstandPart1', this.lang),
-          h("span", { class: "ConsentLink", onClick: this.goToPrivacyPolicy }, translate('privacyPolicy.privacyLink', this.lang)),
-          translate('privacyPolicy.readUnderstandPart2', this.lang));
-      }
+    userLegislationConsentHandler() {
+        this.userLegislationConsent.emit({
+            type: this.consentType,
+            value: this.checkboxInput.checked
+        });
     }
-    return h("p", null, translate(this.consentType, this.lang));
-  }
-  render() {
-    if (this.queried) {
-      this.userLegislationConsentHandler();
+    componentDidRender() {
+        // start custom styling area
+        if (!this.limitStylingAppends && this.stylingContainer) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            this.limitStylingAppends = true;
+        }
+        // end custom styling area
     }
-    return (h("div", { ref: el => this.stylingContainer = el },
-      h("p", { class: "ConsentTitle" }, this.consentTitle),
-      h("label", { class: "UserConsent", htmlFor: "userConsent" },
-        h("input", { ref: el => this.checkboxInput = el, id: "userConsent", type: "checkbox", onInput: () => this.userLegislationConsentHandler() }),
-        this.determineTextContent(),
-        this.mandatory && h("span", { class: "MandatoryItem" }, "*"))));
-  }
-  static get is() { return "player-user-consents"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["player-user-consents.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["player-user-consents.css"]
-  }; }
-  static get properties() { return {
-    "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'"
-    },
-    "queried": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "'true' when parent expects component to emit it's current value"
-      },
-      "attribute": "queried",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "consentType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "the type of the consent, used to determine render details"
-      },
-      "attribute": "consent-type",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "mandatory": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "wether or not this consent is mandatory. Used for render details"
-      },
-      "attribute": "mandatory",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "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": "''"
-    },
-    "consentTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "the title of the consent to be displayed"
-      },
-      "attribute": "consent-title",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "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": 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": "''"
+    determineTextContent() {
+        if (this.gmVersion === 'gmcore') {
+            if (this.consentType === 'termsandconditions') {
+                return h("p", null, translate('termsAndConditions.acceptPart1', this.lang), h("span", { class: "ConsentLink", onClick: this.goToTermsAndConditions }, translate('termsAndConditions.tcLink', this.lang)), translate('termsAndConditions.acceptPart2', this.lang), h("span", { class: "ConsentLink", onClick: this.goToPrivacyPolicy }, translate('privacyPolicy.privacyLink', this.lang)), translate('termsAndConditions.acceptPart3', this.lang));
+            }
+        }
+        if (this.gmVersion === 'gm16') {
+            if (this.consentType === 'termsandconditions') {
+                return h("p", null, translate('termsAndConditions.acceptPart1', this.lang), h("span", { class: "ConsentLink", onClick: this.goToTermsAndConditions }, translate('termsAndConditions.tcLink', this.lang)));
+            }
+            if (this.consentType === 'privacypolicy') {
+                return h("p", null, translate('privacyPolicy.readUnderstandPart1', this.lang), h("span", { class: "ConsentLink", onClick: this.goToPrivacyPolicy }, translate('privacyPolicy.privacyLink', this.lang)), translate('privacyPolicy.readUnderstandPart2', this.lang));
+            }
+        }
+        return h("p", null, translate(this.consentType, this.lang));
+    }
+    render() {
+        if (this.queried) {
+            this.userLegislationConsentHandler();
+        }
+        return (h("div", { key: 'e3c5e7d280de637fd8297dd59c170479d6142372', ref: el => this.stylingContainer = el }, h("p", { key: '8d103ef2eda5fd078a46a7d818eadd07dade5277', class: "ConsentTitle" }, this.consentTitle), h("label", { key: '6a333af5b8585e609285f9f172bf8ddb3b0d4b4b', class: "UserConsent", htmlFor: "userConsent" }, h("input", { key: 'c003a2ef7219e4c5442730432dffcaef4a16b947', ref: el => this.checkboxInput = el, id: "userConsent", type: "checkbox", onInput: () => this.userLegislationConsentHandler() }), this.determineTextContent(), this.mandatory && h("span", { key: '0bc4b24a85b76763af5e691f126e8ee8ae90e447', class: "MandatoryItem" }, "*"))));
+    }
+    static get is() { return "player-user-consents"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["player-user-consents.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["player-user-consents.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "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'"
+            },
+            "queried": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "'true' when parent expects component to emit it's current value"
+                },
+                "attribute": "queried",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "consentType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "the type of the consent, used to determine render details"
+                },
+                "attribute": "consent-type",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "mandatory": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "wether or not this consent is mandatory. Used for render details"
+                },
+                "attribute": "mandatory",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "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": "''"
+            },
+            "consentTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "the title of the consent to be displayed"
+                },
+                "attribute": "consent-title",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "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": 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": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "textContent": {},
+            "limitStylingAppends": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "userLegislationConsent",
+                "name": "userLegislationConsent",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "object",
+                    "resolved": "object",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "translationUrl",
+                "methodName": "handleNewTranslations"
+            }];
     }
-  }; }
-  static get states() { return {
-    "textContent": {},
-    "limitStylingAppends": {}
-  }; }
-  static get events() { return [{
-      "method": "userLegislationConsent",
-      "name": "userLegislationConsent",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "object",
-        "resolved": "object",
-        "references": {}
-      }
-    }]; }
-  static get watchers() { return [{
-      "propName": "translationUrl",
-      "methodName": "handleNewTranslations"
-    }]; }
 }