@everymatrix/general-registration 1.0.90 → 1.0.94

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4ad59840.js');
+const index = require('./index-a50e3624.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/collection/collection-manifest.json

@@ -4,8 +4,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.19.2",
-    "typescriptVersion": "5.4.5"
+    "version": "4.27.2",
+    "typescriptVersion": "5.5.4"
   },
   "collections": [
     {

package/dist/collection/components/general-registration/general-registration.js

@@ -4,6 +4,36 @@ import "../../../../../general-input/dist/types/index";
 import "../../../../../../svelte/player-consents/esnext/player-consents";
 export class GeneralRegistration {
     constructor() {
+        /**
+        * Currently selected language
+        */
+        this.language = 'en';
+        /**
+         * Client custom styling via inline styles
+         */
+        this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
+        this.clientStylingUrl = '';
+        /**
+         * Translations via URL
+         */
+        this.translationUrl = '';
+        /**
+         * Affiliate code to be passed in and sent in the registration.
+         */
+        this.btag = null;
+        /**
+         * Boolean flag that tells inputs to emit an event on click.
+         */
+        this.emitOnClick = false;
+        this.isConsentValid = false;
+        this.isConsentReady = false;
+        this.isLoading = true;
+        this.forms = [];
+        this.limitStylingAppends = false;
+        this.autofilled = false;
         this.listOfInputValues = [];
         this.listOfInputValidity = [];
         this.listOfActions = [];
@@ -31,25 +61,6 @@ export class GeneralRegistration {
                 setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
             });
         };
-        this.endpoint = undefined;
-        this.language = 'en';
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.translationUrl = '';
-        this.dateFormat = undefined;
-        this.buttonInsideForm = undefined;
-        this.btag = null;
-        this.emitOnClick = false;
-        this.errorMessage = undefined;
-        this.isFormValid = undefined;
-        this.isConsentValid = false;
-        this.isConsentReady = false;
-        this.isLoading = true;
-        this.isLoadingPOST = undefined;
-        this.registrationStep = undefined;
-        this.forms = [];
-        this.limitStylingAppends = false;
-        this.autofilled = false;
     }
     sendStep() {
         this.registrationStepUpdated.emit(this.registrationStep);
@@ -623,6 +634,8 @@ export class GeneralRegistration {
                     "tags": [],
                     "text": "NorWAy Endpoint for all the calls."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "endpoint",
                 "reflect": true
             },
@@ -640,6 +653,8 @@ export class GeneralRegistration {
                     "tags": [],
                     "text": "Currently selected language"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true,
                 "defaultValue": "'en'"
@@ -658,6 +673,8 @@ export class GeneralRegistration {
                     "tags": [],
                     "text": "Client custom styling via inline styles"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -676,6 +693,8 @@ export class GeneralRegistration {
                     "tags": [],
                     "text": "Client custom styling via url"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -694,6 +713,8 @@ export class GeneralRegistration {
                     "tags": [],
                     "text": "Translations via URL"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "translation-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -712,6 +733,8 @@ export class GeneralRegistration {
                     "tags": [],
                     "text": "Date format for date picker"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "date-format",
                 "reflect": true
             },
@@ -729,6 +752,8 @@ export class GeneralRegistration {
                     "tags": [],
                     "text": "Boolean that decides the position of the button. e.g. button inside -- true / outside -- false the form."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "button-inside-form",
                 "reflect": true
             },
@@ -746,6 +771,8 @@ export class GeneralRegistration {
                     "tags": [],
                     "text": "Affiliate code to be passed in and sent in the registration."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "btag",
                 "reflect": true,
                 "defaultValue": "null"
@@ -764,6 +791,8 @@ export class GeneralRegistration {
                     "tags": [],
                     "text": "Boolean flag that tells inputs to emit an event on click."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "emit-on-click",
                 "reflect": true,
                 "defaultValue": "false"

package/dist/collection/components/general-registration/general-registration.stories.js

@@ -1,5 +1,5 @@
 import { html } from "lit";
-import "@everymatrix/general-registration";
+import "../../../types/index";
 const meta = {
     title: 'General/Components/general-registration',
     component: 'general-registration',

package/dist/esm/checkbox-group-input_13.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h as h$3, g as getElement, H as Host } from './index-14f0c56e.js';
+import { r as registerInstance, c as createEvent, h as h$3, g as getElement, H as Host } from './index-4e81c54a.js';
 
 const DEFAULT_LANGUAGE$1 = 'en';
 const TRANSLATIONS$1 = {
@@ -15142,27 +15142,23 @@ const CheckboxGroupInput = class {
         registerInstance(this, hostRef);
         this.sendValidityState = createEvent(this, "sendValidityState", 7);
         this.sendInputValue = createEvent(this, "sendInputValue", 7);
+        /**
+         * Default value for the input.
+         */
+        this.defaultValue = '';
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
+        this.selectedValues = [];
         this.value = null;
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.defaultValue = '';
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.options = undefined;
-        this.validation = undefined;
-        this.language = undefined;
-        this.emitValue = undefined;
-        this.clientStyling = '';
-        this.errorMessage = undefined;
-        this.isValid = undefined;
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
-        this.selectedValues = [];
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)
@@ -15265,25 +15261,22 @@ const CheckboxInput = class {
         registerInstance(this, hostRef);
         this.sendValidityState = createEvent(this, "sendValidityState", 7);
         this.sendInputValue = createEvent(this, "sendInputValue", 7);
+        /**
+         * Default value for the input.
+         */
+        this.defaultValue = '';
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
         this.value = '';
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.defaultValue = '';
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.validation = undefined;
-        this.language = undefined;
-        this.emitValue = undefined;
-        this.clientStyling = '';
-        this.errorMessage = undefined;
-        this.isValid = undefined;
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)
@@ -30849,6 +30842,16 @@ const DateInput = class {
         registerInstance(this, hostRef);
         this.sendValidityState = createEvent(this, "sendValidityState", 7);
         this.sendInputValue = createEvent(this, "sendInputValue", 7);
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        /**
+         * Emit event on click
+         */
+        this.emitOnClick = false;
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
         this.touched = false;
         this.formatDate = (dateParts) => {
             const { year, month, day } = dateParts;
@@ -30869,22 +30872,6 @@ const DateInput = class {
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.placeholder = undefined;
-        this.validation = undefined;
-        this.defaultValue = undefined;
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.language = undefined;
-        this.emitValue = undefined;
-        this.clientStyling = '';
-        this.dateFormat = undefined;
-        this.emitOnClick = false;
-        this.errorMessage = undefined;
-        this.isValid = undefined;
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)
@@ -31006,6 +30993,12 @@ const EmailInput = class {
         registerInstance(this, hostRef);
         this.sendValidityState = createEvent(this, "sendValidityState", 7);
         this.sendInputValue = createEvent(this, "sendInputValue", 7);
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
         this.validationPattern = '';
         this.touched = false;
         this.handleInput = (event) => {
@@ -31030,21 +31023,6 @@ const EmailInput = class {
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.placeholder = undefined;
-        this.validation = undefined;
-        this.defaultValue = undefined;
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.language = undefined;
-        this.emitValue = undefined;
-        this.isDuplicateInput = undefined;
-        this.clientStyling = '';
-        this.errorMessage = undefined;
-        this.isValid = undefined;
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)
@@ -31155,29 +31133,28 @@ const GeneralInputStyle0 = generalInputCss;
 const GeneralInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Type the general-input should take. Can take the default HTML input values.
+         */
+        this.type = 'text';
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        /**
+         * Translations via URL
+         */
+        this.translationUrl = '';
+        /**
+         * Emit event on click
+         */
+        this.emitOnClick = false;
         this.handleClick = (event) => {
             if (this.emitOnClick) {
                 event.stopPropagation();
                 window.postMessage({ type: `registration${this.name}Clicked` }, window.location.href);
             }
         };
-        this.type = 'text';
-        this.name = undefined;
-        this.displayName = undefined;
-        this.placeholder = undefined;
-        this.action = undefined;
-        this.validation = undefined;
-        this.options = undefined;
-        this.language = undefined;
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.defaultValue = undefined;
-        this.emitValue = undefined;
-        this.isDuplicateInput = undefined;
-        this.clientStyling = '';
-        this.dateFormat = undefined;
-        this.translationUrl = '';
-        this.emitOnClick = false;
     }
     connectedCallback() {
         if (this.translationUrl) {
@@ -37803,6 +37780,36 @@ const GeneralRegistration = class {
         registerInstance(this, hostRef);
         this.registrationWidgetLoaded = createEvent(this, "registrationWidgetLoaded", 7);
         this.registrationStepUpdated = createEvent(this, "registrationStepUpdated", 7);
+        /**
+        * Currently selected language
+        */
+        this.language = 'en';
+        /**
+         * Client custom styling via inline styles
+         */
+        this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
+        this.clientStylingUrl = '';
+        /**
+         * Translations via URL
+         */
+        this.translationUrl = '';
+        /**
+         * Affiliate code to be passed in and sent in the registration.
+         */
+        this.btag = null;
+        /**
+         * Boolean flag that tells inputs to emit an event on click.
+         */
+        this.emitOnClick = false;
+        this.isConsentValid = false;
+        this.isConsentReady = false;
+        this.isLoading = true;
+        this.forms = [];
+        this.limitStylingAppends = false;
+        this.autofilled = false;
         this.listOfInputValues = [];
         this.listOfInputValidity = [];
         this.listOfActions = [];
@@ -37830,25 +37837,6 @@ const GeneralRegistration = class {
                 setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
             });
         };
-        this.endpoint = undefined;
-        this.language = 'en';
-        this.clientStyling = '';
-        this.clientStylingUrl = '';
-        this.translationUrl = '';
-        this.dateFormat = undefined;
-        this.buttonInsideForm = undefined;
-        this.btag = null;
-        this.emitOnClick = false;
-        this.errorMessage = undefined;
-        this.isFormValid = undefined;
-        this.isConsentValid = false;
-        this.isConsentReady = false;
-        this.isLoading = true;
-        this.isLoadingPOST = undefined;
-        this.registrationStep = undefined;
-        this.forms = [];
-        this.limitStylingAppends = false;
-        this.autofilled = false;
     }
     sendStep() {
         this.registrationStepUpdated.emit(this.registrationStep);
@@ -38412,6 +38400,12 @@ const NumberInput = class {
         registerInstance(this, hostRef);
         this.sendValidityState = createEvent(this, "sendValidityState", 7);
         this.sendInputValue = createEvent(this, "sendInputValue", 7);
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
         this.validationPattern = '';
         this.touched = false;
         this.handleInput = (event) => {
@@ -38436,20 +38430,6 @@ const NumberInput = class {
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.placeholder = undefined;
-        this.validation = undefined;
-        this.defaultValue = undefined;
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.language = undefined;
-        this.emitValue = undefined;
-        this.clientStyling = '';
-        this.errorMessage = undefined;
-        this.isValid = undefined;
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)
@@ -39338,6 +39318,17 @@ const PasswordInput = class {
         this.sendOriginalValidityState = createEvent(this, "sendOriginalValidityState", 7);
         this.sendValidityState = createEvent(this, "sendValidityState", 7);
         this.sendInputValue = createEvent(this, "sendInputValue", 7);
+        /**
+         * Default value for the input.
+         */
+        this.defaultValue = '';
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
+        this.value = '';
         this.touched = false;
         this.originalValid = false;
         this.validationPattern = '';
@@ -39376,24 +39367,6 @@ const PasswordInput = class {
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.placeholder = undefined;
-        this.defaultValue = '';
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.validation = undefined;
-        this.language = undefined;
-        this.emitValue = undefined;
-        this.isDuplicateInput = undefined;
-        this.clientStyling = '';
-        this.isValid = undefined;
-        this.errorMessage = undefined;
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
-        this.passwordComplexity = undefined;
-        this.showPopup = undefined;
-        this.value = '';
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)
@@ -39578,23 +39551,17 @@ const RadioInput = class {
         registerInstance(this, hostRef);
         this.sendInputValue = createEvent(this, "sendInputValue", 7);
         this.sendValidityState = createEvent(this, "sendValidityState", 7);
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.optionsGroup = undefined;
-        this.validation = undefined;
-        this.tooltip = undefined;
-        this.language = undefined;
-        this.emitValue = undefined;
-        this.clientStyling = '';
-        this.errorMessage = undefined;
-        this.isValid = undefined;
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)
@@ -45214,6 +45181,20 @@ const SelectInput = class {
         registerInstance(this, hostRef);
         this.sendValidityState = createEvent(this, "sendValidityState", 7);
         this.sendInputValue = createEvent(this, "sendInputValue", 7);
+        /**
+         * Default value for the input.
+         */
+        this.defaultValue = '';
+        /**
+         * Options of the input.
+         */
+        this.options = [];
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
         this.touched = false;
         this.handleChange = (event) => {
             this.touched = true;
@@ -45242,22 +45223,6 @@ const SelectInput = class {
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.placeholder = undefined;
-        this.action = undefined;
-        this.defaultValue = '';
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.options = [];
-        this.validation = undefined;
-        this.language = undefined;
-        this.emitValue = undefined;
-        this.clientStyling = '';
-        this.errorMessage = undefined;
-        this.isValid = undefined;
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)
@@ -45374,6 +45339,12 @@ const TelInput = class {
         registerInstance(this, hostRef);
         this.sendValidityState = createEvent(this, "sendValidityState", 7);
         this.sendInputValue = createEvent(this, "sendInputValue", 7);
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
         this.validationPattern = '';
         this.touched = false;
         this.handleInput = (event) => {
@@ -45399,22 +45370,6 @@ const TelInput = class {
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.placeholder = undefined;
-        this.showLabels = undefined;
-        this.action = undefined;
-        this.validation = undefined;
-        this.defaultValue = undefined;
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.language = undefined;
-        this.emitValue = undefined;
-        this.clientStyling = '';
-        this.isValid = undefined;
-        this.errorMessage = undefined;
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)
@@ -45551,6 +45506,17 @@ const TextInput = class {
         registerInstance(this, hostRef);
         this.sendValidityState = createEvent(this, "sendValidityState", 7);
         this.sendInputValue = createEvent(this, "sendInputValue", 7);
+        /**
+         * Default value for the input.
+         */
+        this.defaultValue = '';
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        this.errorMessage = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
         this.value = '';
         this.validationPattern = '';
         this.duplicateInputValue = null;
@@ -45580,22 +45546,6 @@ const TextInput = class {
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.placeholder = undefined;
-        this.validation = undefined;
-        this.defaultValue = '';
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.language = undefined;
-        this.checkValidity = undefined;
-        this.emitValue = undefined;
-        this.isDuplicateInput = undefined;
-        this.clientStyling = '';
-        this.isValid = undefined;
-        this.errorMessage = '';
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)
@@ -45725,27 +45675,23 @@ const ToggleCheckboxInput = class {
         registerInstance(this, hostRef);
         this.sendValidityState = createEvent(this, "sendValidityState", 7);
         this.sendInputValue = createEvent(this, "sendInputValue", 7);
+        /**
+         * Default value for the input.
+         */
+        this.defaultValue = '';
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
+        this.showFields = this.defaultValue === 'true';
         this.value = '';
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.defaultValue = '';
-        this.options = undefined;
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.validation = undefined;
-        this.language = undefined;
-        this.emitValue = undefined;
-        this.clientStyling = '';
-        this.errorMessage = undefined;
-        this.isValid = undefined;
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
-        this.showFields = this.defaultValue === 'true';
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)