@everymatrix/general-registration 1.0.90 → 1.0.94

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-4ad59840.js');
5
+ const index = require('./index-a50e3624.js');
6
6
 
7
7
  const DEFAULT_LANGUAGE$1 = 'en';
8
8
  const TRANSLATIONS$1 = {
@@ -15146,27 +15146,23 @@ const CheckboxGroupInput = class {
15146
15146
  index.registerInstance(this, hostRef);
15147
15147
  this.sendValidityState = index.createEvent(this, "sendValidityState", 7);
15148
15148
  this.sendInputValue = index.createEvent(this, "sendInputValue", 7);
15149
+ /**
15150
+ * Default value for the input.
15151
+ */
15152
+ this.defaultValue = '';
15153
+ /**
15154
+ * Client custom styling via inline style
15155
+ */
15156
+ this.clientStyling = '';
15157
+ this.limitStylingAppends = false;
15158
+ this.showTooltip = false;
15159
+ this.selectedValues = [];
15149
15160
  this.value = null;
15150
15161
  this.setClientStyling = () => {
15151
15162
  let sheet = document.createElement('style');
15152
15163
  sheet.innerHTML = this.clientStyling;
15153
15164
  this.stylingContainer.prepend(sheet);
15154
15165
  };
15155
- this.name = undefined;
15156
- this.displayName = undefined;
15157
- this.defaultValue = '';
15158
- this.autofilled = undefined;
15159
- this.tooltip = undefined;
15160
- this.options = undefined;
15161
- this.validation = undefined;
15162
- this.language = undefined;
15163
- this.emitValue = undefined;
15164
- this.clientStyling = '';
15165
- this.errorMessage = undefined;
15166
- this.isValid = undefined;
15167
- this.limitStylingAppends = false;
15168
- this.showTooltip = false;
15169
- this.selectedValues = [];
15170
15166
  }
15171
15167
  handleStylingChange(newValue, oldValue) {
15172
15168
  if (newValue !== oldValue)
@@ -15269,25 +15265,22 @@ const CheckboxInput = class {
15269
15265
  index.registerInstance(this, hostRef);
15270
15266
  this.sendValidityState = index.createEvent(this, "sendValidityState", 7);
15271
15267
  this.sendInputValue = index.createEvent(this, "sendInputValue", 7);
15268
+ /**
15269
+ * Default value for the input.
15270
+ */
15271
+ this.defaultValue = '';
15272
+ /**
15273
+ * Client custom styling via inline style
15274
+ */
15275
+ this.clientStyling = '';
15276
+ this.limitStylingAppends = false;
15277
+ this.showTooltip = false;
15272
15278
  this.value = '';
15273
15279
  this.setClientStyling = () => {
15274
15280
  let sheet = document.createElement('style');
15275
15281
  sheet.innerHTML = this.clientStyling;
15276
15282
  this.stylingContainer.prepend(sheet);
15277
15283
  };
15278
- this.name = undefined;
15279
- this.displayName = undefined;
15280
- this.defaultValue = '';
15281
- this.autofilled = undefined;
15282
- this.tooltip = undefined;
15283
- this.validation = undefined;
15284
- this.language = undefined;
15285
- this.emitValue = undefined;
15286
- this.clientStyling = '';
15287
- this.errorMessage = undefined;
15288
- this.isValid = undefined;
15289
- this.limitStylingAppends = false;
15290
- this.showTooltip = false;
15291
15284
  }
15292
15285
  handleStylingChange(newValue, oldValue) {
15293
15286
  if (newValue !== oldValue)
@@ -30853,6 +30846,16 @@ const DateInput = class {
30853
30846
  index.registerInstance(this, hostRef);
30854
30847
  this.sendValidityState = index.createEvent(this, "sendValidityState", 7);
30855
30848
  this.sendInputValue = index.createEvent(this, "sendInputValue", 7);
30849
+ /**
30850
+ * Client custom styling via inline style
30851
+ */
30852
+ this.clientStyling = '';
30853
+ /**
30854
+ * Emit event on click
30855
+ */
30856
+ this.emitOnClick = false;
30857
+ this.limitStylingAppends = false;
30858
+ this.showTooltip = false;
30856
30859
  this.touched = false;
30857
30860
  this.formatDate = (dateParts) => {
30858
30861
  const { year, month, day } = dateParts;
@@ -30873,22 +30876,6 @@ const DateInput = class {
30873
30876
  sheet.innerHTML = this.clientStyling;
30874
30877
  this.stylingContainer.prepend(sheet);
30875
30878
  };
30876
- this.name = undefined;
30877
- this.displayName = undefined;
30878
- this.placeholder = undefined;
30879
- this.validation = undefined;
30880
- this.defaultValue = undefined;
30881
- this.autofilled = undefined;
30882
- this.tooltip = undefined;
30883
- this.language = undefined;
30884
- this.emitValue = undefined;
30885
- this.clientStyling = '';
30886
- this.dateFormat = undefined;
30887
- this.emitOnClick = false;
30888
- this.errorMessage = undefined;
30889
- this.isValid = undefined;
30890
- this.limitStylingAppends = false;
30891
- this.showTooltip = false;
30892
30879
  }
30893
30880
  handleStylingChange(newValue, oldValue) {
30894
30881
  if (newValue !== oldValue)
@@ -31010,6 +30997,12 @@ const EmailInput = class {
31010
30997
  index.registerInstance(this, hostRef);
31011
30998
  this.sendValidityState = index.createEvent(this, "sendValidityState", 7);
31012
30999
  this.sendInputValue = index.createEvent(this, "sendInputValue", 7);
31000
+ /**
31001
+ * Client custom styling via inline style
31002
+ */
31003
+ this.clientStyling = '';
31004
+ this.limitStylingAppends = false;
31005
+ this.showTooltip = false;
31013
31006
  this.validationPattern = '';
31014
31007
  this.touched = false;
31015
31008
  this.handleInput = (event) => {
@@ -31034,21 +31027,6 @@ const EmailInput = class {
31034
31027
  sheet.innerHTML = this.clientStyling;
31035
31028
  this.stylingContainer.prepend(sheet);
31036
31029
  };
31037
- this.name = undefined;
31038
- this.displayName = undefined;
31039
- this.placeholder = undefined;
31040
- this.validation = undefined;
31041
- this.defaultValue = undefined;
31042
- this.autofilled = undefined;
31043
- this.tooltip = undefined;
31044
- this.language = undefined;
31045
- this.emitValue = undefined;
31046
- this.isDuplicateInput = undefined;
31047
- this.clientStyling = '';
31048
- this.errorMessage = undefined;
31049
- this.isValid = undefined;
31050
- this.limitStylingAppends = false;
31051
- this.showTooltip = false;
31052
31030
  }
31053
31031
  handleStylingChange(newValue, oldValue) {
31054
31032
  if (newValue !== oldValue)
@@ -31159,29 +31137,28 @@ const GeneralInputStyle0 = generalInputCss;
31159
31137
  const GeneralInput = class {
31160
31138
  constructor(hostRef) {
31161
31139
  index.registerInstance(this, hostRef);
31140
+ /**
31141
+ * Type the general-input should take. Can take the default HTML input values.
31142
+ */
31143
+ this.type = 'text';
31144
+ /**
31145
+ * Client custom styling via inline style
31146
+ */
31147
+ this.clientStyling = '';
31148
+ /**
31149
+ * Translations via URL
31150
+ */
31151
+ this.translationUrl = '';
31152
+ /**
31153
+ * Emit event on click
31154
+ */
31155
+ this.emitOnClick = false;
31162
31156
  this.handleClick = (event) => {
31163
31157
  if (this.emitOnClick) {
31164
31158
  event.stopPropagation();
31165
31159
  window.postMessage({ type: `registration${this.name}Clicked` }, window.location.href);
31166
31160
  }
31167
31161
  };
31168
- this.type = 'text';
31169
- this.name = undefined;
31170
- this.displayName = undefined;
31171
- this.placeholder = undefined;
31172
- this.action = undefined;
31173
- this.validation = undefined;
31174
- this.options = undefined;
31175
- this.language = undefined;
31176
- this.autofilled = undefined;
31177
- this.tooltip = undefined;
31178
- this.defaultValue = undefined;
31179
- this.emitValue = undefined;
31180
- this.isDuplicateInput = undefined;
31181
- this.clientStyling = '';
31182
- this.dateFormat = undefined;
31183
- this.translationUrl = '';
31184
- this.emitOnClick = false;
31185
31162
  }
31186
31163
  connectedCallback() {
31187
31164
  if (this.translationUrl) {
@@ -37807,6 +37784,36 @@ const GeneralRegistration = class {
37807
37784
  index.registerInstance(this, hostRef);
37808
37785
  this.registrationWidgetLoaded = index.createEvent(this, "registrationWidgetLoaded", 7);
37809
37786
  this.registrationStepUpdated = index.createEvent(this, "registrationStepUpdated", 7);
37787
+ /**
37788
+ * Currently selected language
37789
+ */
37790
+ this.language = 'en';
37791
+ /**
37792
+ * Client custom styling via inline styles
37793
+ */
37794
+ this.clientStyling = '';
37795
+ /**
37796
+ * Client custom styling via url
37797
+ */
37798
+ this.clientStylingUrl = '';
37799
+ /**
37800
+ * Translations via URL
37801
+ */
37802
+ this.translationUrl = '';
37803
+ /**
37804
+ * Affiliate code to be passed in and sent in the registration.
37805
+ */
37806
+ this.btag = null;
37807
+ /**
37808
+ * Boolean flag that tells inputs to emit an event on click.
37809
+ */
37810
+ this.emitOnClick = false;
37811
+ this.isConsentValid = false;
37812
+ this.isConsentReady = false;
37813
+ this.isLoading = true;
37814
+ this.forms = [];
37815
+ this.limitStylingAppends = false;
37816
+ this.autofilled = false;
37810
37817
  this.listOfInputValues = [];
37811
37818
  this.listOfInputValidity = [];
37812
37819
  this.listOfActions = [];
@@ -37834,25 +37841,6 @@ const GeneralRegistration = class {
37834
37841
  setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
37835
37842
  });
37836
37843
  };
37837
- this.endpoint = undefined;
37838
- this.language = 'en';
37839
- this.clientStyling = '';
37840
- this.clientStylingUrl = '';
37841
- this.translationUrl = '';
37842
- this.dateFormat = undefined;
37843
- this.buttonInsideForm = undefined;
37844
- this.btag = null;
37845
- this.emitOnClick = false;
37846
- this.errorMessage = undefined;
37847
- this.isFormValid = undefined;
37848
- this.isConsentValid = false;
37849
- this.isConsentReady = false;
37850
- this.isLoading = true;
37851
- this.isLoadingPOST = undefined;
37852
- this.registrationStep = undefined;
37853
- this.forms = [];
37854
- this.limitStylingAppends = false;
37855
- this.autofilled = false;
37856
37844
  }
37857
37845
  sendStep() {
37858
37846
  this.registrationStepUpdated.emit(this.registrationStep);
@@ -38416,6 +38404,12 @@ const NumberInput = class {
38416
38404
  index.registerInstance(this, hostRef);
38417
38405
  this.sendValidityState = index.createEvent(this, "sendValidityState", 7);
38418
38406
  this.sendInputValue = index.createEvent(this, "sendInputValue", 7);
38407
+ /**
38408
+ * Client custom styling via inline style
38409
+ */
38410
+ this.clientStyling = '';
38411
+ this.limitStylingAppends = false;
38412
+ this.showTooltip = false;
38419
38413
  this.validationPattern = '';
38420
38414
  this.touched = false;
38421
38415
  this.handleInput = (event) => {
@@ -38440,20 +38434,6 @@ const NumberInput = class {
38440
38434
  sheet.innerHTML = this.clientStyling;
38441
38435
  this.stylingContainer.prepend(sheet);
38442
38436
  };
38443
- this.name = undefined;
38444
- this.displayName = undefined;
38445
- this.placeholder = undefined;
38446
- this.validation = undefined;
38447
- this.defaultValue = undefined;
38448
- this.autofilled = undefined;
38449
- this.tooltip = undefined;
38450
- this.language = undefined;
38451
- this.emitValue = undefined;
38452
- this.clientStyling = '';
38453
- this.errorMessage = undefined;
38454
- this.isValid = undefined;
38455
- this.limitStylingAppends = false;
38456
- this.showTooltip = false;
38457
38437
  }
38458
38438
  handleStylingChange(newValue, oldValue) {
38459
38439
  if (newValue !== oldValue)
@@ -39342,6 +39322,17 @@ const PasswordInput = class {
39342
39322
  this.sendOriginalValidityState = index.createEvent(this, "sendOriginalValidityState", 7);
39343
39323
  this.sendValidityState = index.createEvent(this, "sendValidityState", 7);
39344
39324
  this.sendInputValue = index.createEvent(this, "sendInputValue", 7);
39325
+ /**
39326
+ * Default value for the input.
39327
+ */
39328
+ this.defaultValue = '';
39329
+ /**
39330
+ * Client custom styling via inline style
39331
+ */
39332
+ this.clientStyling = '';
39333
+ this.limitStylingAppends = false;
39334
+ this.showTooltip = false;
39335
+ this.value = '';
39345
39336
  this.touched = false;
39346
39337
  this.originalValid = false;
39347
39338
  this.validationPattern = '';
@@ -39380,24 +39371,6 @@ const PasswordInput = class {
39380
39371
  sheet.innerHTML = this.clientStyling;
39381
39372
  this.stylingContainer.prepend(sheet);
39382
39373
  };
39383
- this.name = undefined;
39384
- this.displayName = undefined;
39385
- this.placeholder = undefined;
39386
- this.defaultValue = '';
39387
- this.autofilled = undefined;
39388
- this.tooltip = undefined;
39389
- this.validation = undefined;
39390
- this.language = undefined;
39391
- this.emitValue = undefined;
39392
- this.isDuplicateInput = undefined;
39393
- this.clientStyling = '';
39394
- this.isValid = undefined;
39395
- this.errorMessage = undefined;
39396
- this.limitStylingAppends = false;
39397
- this.showTooltip = false;
39398
- this.passwordComplexity = undefined;
39399
- this.showPopup = undefined;
39400
- this.value = '';
39401
39374
  }
39402
39375
  handleStylingChange(newValue, oldValue) {
39403
39376
  if (newValue !== oldValue)
@@ -39582,23 +39555,17 @@ const RadioInput = class {
39582
39555
  index.registerInstance(this, hostRef);
39583
39556
  this.sendInputValue = index.createEvent(this, "sendInputValue", 7);
39584
39557
  this.sendValidityState = index.createEvent(this, "sendValidityState", 7);
39558
+ /**
39559
+ * Client custom styling via inline style
39560
+ */
39561
+ this.clientStyling = '';
39562
+ this.limitStylingAppends = false;
39563
+ this.showTooltip = false;
39585
39564
  this.setClientStyling = () => {
39586
39565
  let sheet = document.createElement('style');
39587
39566
  sheet.innerHTML = this.clientStyling;
39588
39567
  this.stylingContainer.prepend(sheet);
39589
39568
  };
39590
- this.name = undefined;
39591
- this.displayName = undefined;
39592
- this.optionsGroup = undefined;
39593
- this.validation = undefined;
39594
- this.tooltip = undefined;
39595
- this.language = undefined;
39596
- this.emitValue = undefined;
39597
- this.clientStyling = '';
39598
- this.errorMessage = undefined;
39599
- this.isValid = undefined;
39600
- this.limitStylingAppends = false;
39601
- this.showTooltip = false;
39602
39569
  }
39603
39570
  handleStylingChange(newValue, oldValue) {
39604
39571
  if (newValue !== oldValue)
@@ -45218,6 +45185,20 @@ const SelectInput = class {
45218
45185
  index.registerInstance(this, hostRef);
45219
45186
  this.sendValidityState = index.createEvent(this, "sendValidityState", 7);
45220
45187
  this.sendInputValue = index.createEvent(this, "sendInputValue", 7);
45188
+ /**
45189
+ * Default value for the input.
45190
+ */
45191
+ this.defaultValue = '';
45192
+ /**
45193
+ * Options of the input.
45194
+ */
45195
+ this.options = [];
45196
+ /**
45197
+ * Client custom styling via inline style
45198
+ */
45199
+ this.clientStyling = '';
45200
+ this.limitStylingAppends = false;
45201
+ this.showTooltip = false;
45221
45202
  this.touched = false;
45222
45203
  this.handleChange = (event) => {
45223
45204
  this.touched = true;
@@ -45246,22 +45227,6 @@ const SelectInput = class {
45246
45227
  sheet.innerHTML = this.clientStyling;
45247
45228
  this.stylingContainer.prepend(sheet);
45248
45229
  };
45249
- this.name = undefined;
45250
- this.displayName = undefined;
45251
- this.placeholder = undefined;
45252
- this.action = undefined;
45253
- this.defaultValue = '';
45254
- this.autofilled = undefined;
45255
- this.tooltip = undefined;
45256
- this.options = [];
45257
- this.validation = undefined;
45258
- this.language = undefined;
45259
- this.emitValue = undefined;
45260
- this.clientStyling = '';
45261
- this.errorMessage = undefined;
45262
- this.isValid = undefined;
45263
- this.limitStylingAppends = false;
45264
- this.showTooltip = false;
45265
45230
  }
45266
45231
  handleStylingChange(newValue, oldValue) {
45267
45232
  if (newValue !== oldValue)
@@ -45378,6 +45343,12 @@ const TelInput = class {
45378
45343
  index.registerInstance(this, hostRef);
45379
45344
  this.sendValidityState = index.createEvent(this, "sendValidityState", 7);
45380
45345
  this.sendInputValue = index.createEvent(this, "sendInputValue", 7);
45346
+ /**
45347
+ * Client custom styling via inline style
45348
+ */
45349
+ this.clientStyling = '';
45350
+ this.limitStylingAppends = false;
45351
+ this.showTooltip = false;
45381
45352
  this.validationPattern = '';
45382
45353
  this.touched = false;
45383
45354
  this.handleInput = (event) => {
@@ -45403,22 +45374,6 @@ const TelInput = class {
45403
45374
  sheet.innerHTML = this.clientStyling;
45404
45375
  this.stylingContainer.prepend(sheet);
45405
45376
  };
45406
- this.name = undefined;
45407
- this.displayName = undefined;
45408
- this.placeholder = undefined;
45409
- this.showLabels = undefined;
45410
- this.action = undefined;
45411
- this.validation = undefined;
45412
- this.defaultValue = undefined;
45413
- this.autofilled = undefined;
45414
- this.tooltip = undefined;
45415
- this.language = undefined;
45416
- this.emitValue = undefined;
45417
- this.clientStyling = '';
45418
- this.isValid = undefined;
45419
- this.errorMessage = undefined;
45420
- this.limitStylingAppends = false;
45421
- this.showTooltip = false;
45422
45377
  }
45423
45378
  handleStylingChange(newValue, oldValue) {
45424
45379
  if (newValue !== oldValue)
@@ -45555,6 +45510,17 @@ const TextInput = class {
45555
45510
  index.registerInstance(this, hostRef);
45556
45511
  this.sendValidityState = index.createEvent(this, "sendValidityState", 7);
45557
45512
  this.sendInputValue = index.createEvent(this, "sendInputValue", 7);
45513
+ /**
45514
+ * Default value for the input.
45515
+ */
45516
+ this.defaultValue = '';
45517
+ /**
45518
+ * Client custom styling via inline style
45519
+ */
45520
+ this.clientStyling = '';
45521
+ this.errorMessage = '';
45522
+ this.limitStylingAppends = false;
45523
+ this.showTooltip = false;
45558
45524
  this.value = '';
45559
45525
  this.validationPattern = '';
45560
45526
  this.duplicateInputValue = null;
@@ -45584,22 +45550,6 @@ const TextInput = class {
45584
45550
  sheet.innerHTML = this.clientStyling;
45585
45551
  this.stylingContainer.prepend(sheet);
45586
45552
  };
45587
- this.name = undefined;
45588
- this.displayName = undefined;
45589
- this.placeholder = undefined;
45590
- this.validation = undefined;
45591
- this.defaultValue = '';
45592
- this.autofilled = undefined;
45593
- this.tooltip = undefined;
45594
- this.language = undefined;
45595
- this.checkValidity = undefined;
45596
- this.emitValue = undefined;
45597
- this.isDuplicateInput = undefined;
45598
- this.clientStyling = '';
45599
- this.isValid = undefined;
45600
- this.errorMessage = '';
45601
- this.limitStylingAppends = false;
45602
- this.showTooltip = false;
45603
45553
  }
45604
45554
  handleStylingChange(newValue, oldValue) {
45605
45555
  if (newValue !== oldValue)
@@ -45729,27 +45679,23 @@ const ToggleCheckboxInput = class {
45729
45679
  index.registerInstance(this, hostRef);
45730
45680
  this.sendValidityState = index.createEvent(this, "sendValidityState", 7);
45731
45681
  this.sendInputValue = index.createEvent(this, "sendInputValue", 7);
45682
+ /**
45683
+ * Default value for the input.
45684
+ */
45685
+ this.defaultValue = '';
45686
+ /**
45687
+ * Client custom styling via inline style
45688
+ */
45689
+ this.clientStyling = '';
45690
+ this.limitStylingAppends = false;
45691
+ this.showTooltip = false;
45692
+ this.showFields = this.defaultValue === 'true';
45732
45693
  this.value = '';
45733
45694
  this.setClientStyling = () => {
45734
45695
  let sheet = document.createElement('style');
45735
45696
  sheet.innerHTML = this.clientStyling;
45736
45697
  this.stylingContainer.prepend(sheet);
45737
45698
  };
45738
- this.name = undefined;
45739
- this.displayName = undefined;
45740
- this.defaultValue = '';
45741
- this.options = undefined;
45742
- this.autofilled = undefined;
45743
- this.tooltip = undefined;
45744
- this.validation = undefined;
45745
- this.language = undefined;
45746
- this.emitValue = undefined;
45747
- this.clientStyling = '';
45748
- this.errorMessage = undefined;
45749
- this.isValid = undefined;
45750
- this.limitStylingAppends = false;
45751
- this.showTooltip = false;
45752
- this.showFields = this.defaultValue === 'true';
45753
45699
  }
45754
45700
  handleStylingChange(newValue, oldValue) {
45755
45701
  if (newValue !== oldValue)
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-4ad59840.js');
5
+ const index = require('./index-a50e3624.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  /*
9
- Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
9
+ Stencil Client Patch Browser v4.27.2 | MIT Licensed | https://stenciljs.com
10
10
  */
11
11
  var patchBrowser = () => {
12
12
  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('general-registration.cjs.js', document.baseURI).href));