@everymatrix/general-registration 1.10.12 → 1.10.14

package/dist/components/pattern-mixin.js

@@ -0,0 +1,84 @@
+import { I as InputConstraintsMixin, D as Debouncer, e as timeOut } from './input-field-shared-styles.js';
+
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+/**
+ * A mixin to provide `pattern` and `preventInvalidInput` properties.
+ *
+ * @polymerMixin
+ * @mixes InputConstraintsMixin
+ */
+const PatternMixin = (superclass) =>
+  class PatternMixinClass extends InputConstraintsMixin(superclass) {
+    static get properties() {
+      return {
+        /**
+         * A regular expression that the value is checked against.
+         * The pattern must match the entire value, not just some subset.
+         */
+        pattern: {
+          type: String,
+        },
+
+        /**
+         * When set to true, user is prevented from typing a value that
+         * conflicts with the given `pattern`.
+         * @attr {boolean} prevent-invalid-input
+         * @deprecated Please use `allowedCharPattern` instead.
+         */
+        preventInvalidInput: {
+          type: Boolean,
+          observer: '_preventInvalidInputChanged',
+        },
+      };
+    }
+
+    static get delegateAttrs() {
+      return [...super.delegateAttrs, 'pattern'];
+    }
+
+    static get constraints() {
+      return [...super.constraints, 'pattern'];
+    }
+
+    /** @private */
+    _checkInputValue() {
+      if (this.preventInvalidInput) {
+        const input = this.inputElement;
+        if (input && input.value.length > 0 && !this.checkValidity()) {
+          input.value = this.value || '';
+          // Add input-prevented attribute for 200ms
+          this.setAttribute('input-prevented', '');
+          this._inputDebouncer = Debouncer.debounce(this._inputDebouncer, timeOut.after(200), () => {
+            this.removeAttribute('input-prevented');
+          });
+        }
+      }
+    }
+
+    /**
+     * @param {Event} event
+     * @protected
+     * @override
+     */
+    _onInput(event) {
+      this._checkInputValue();
+
+      super._onInput(event);
+    }
+
+    /** @private */
+    _preventInvalidInputChanged(preventInvalidInput) {
+      if (preventInvalidInput) {
+        console.warn(
+          `WARNING: Since Vaadin 23.2, "preventInvalidInput" is deprecated. Please use "allowedCharPattern" instead.`,
+        );
+      }
+    }
+  };
+
+export { PatternMixin as P };

package/dist/components/radio-input2.js

@@ -71,13 +71,13 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }; }
   static get style() { return radioInputCss; }
 }, [1, "radio-input", {
-    "name": [1],
-    "displayName": [1, "display-name"],
+    "name": [513],
+    "displayName": [513, "display-name"],
     "optionsGroup": [16],
     "validation": [16],
-    "language": [1],
-    "emitValue": [4, "emit-value"],
-    "clientStyling": [1, "client-styling"],
+    "language": [513],
+    "emitValue": [516, "emit-value"],
+    "clientStyling": [513, "client-styling"],
     "errorMessage": [32],
     "isValid": [32],
     "limitStylingAppends": [32]

package/dist/components/select-input2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { t as translate } from './locale.utils.js';
-import '@vaadin/combo-box';
+import './input-field-shared-styles.js';
+import './vaadin-combo-box.js';
 
 const selectInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.select{font-family:\"Roboto\";font-style:normal}.select__wrapper{position:relative;width:100%;padding-top:26px}.select__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#1F1F1F;position:absolute;top:0;left:0}.select__label--required::after{content:\"*\";font-family:inherit;color:#1F1F1F;margin-left:2px}.select__input{border:none;width:inherit;position:relative}.select__input[focused]::part(input-field){border-color:#3E3E3E}.select__input[invalid]::part(input-field){border-color:#cc0000b3}.select__input vaadin-date-picker-overlay-content>vaadin-button{color:#1F1F1F}.select__input vaadin-month-calendar::part(selected date){background-color:red}.select__input::part(input-field){border-radius:4px;background-color:#FFFFFF;border:2px solid #DEE1EE;color:#2A2E3F;border-radius:4px;background-color:transparent;font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:19px}.select__error-message{position:absolute;top:calc(100% + 5px);left:0;color:#cc0000b3}";
 
@@ -117,16 +118,16 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }; }
   static get style() { return selectInputCss; }
 }, [1, "select-input", {
-    "name": [1],
-    "displayName": [1, "display-name"],
-    "action": [1],
-    "defaultValue": [1, "default-value"],
-    "autofilled": [4],
+    "name": [513],
+    "displayName": [513, "display-name"],
+    "action": [513],
+    "defaultValue": [513, "default-value"],
+    "autofilled": [516],
     "options": [16],
     "validation": [16],
-    "language": [1],
-    "emitValue": [4, "emit-value"],
-    "clientStyling": [1, "client-styling"],
+    "language": [513],
+    "emitValue": [516, "emit-value"],
+    "clientStyling": [513, "client-styling"],
     "errorMessage": [32],
     "isValid": [32],
     "limitStylingAppends": [32]

package/dist/components/tel-input2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { t as translate } from './locale.utils.js';
-import '@vaadin/combo-box';
+import './input-field-shared-styles.js';
+import './vaadin-combo-box.js';
 
 const telInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{font-family:\"Roboto\";font-style:normal}.tel__wrapper{position:relative;width:100%;padding-top:26px}.tel__wrapper--flex{width:inherit;display:flex;align-items:stretch;border-radius:4px;border:2px solid #DEE1EE}.tel__wrapper--flex:focus-within{border:2px solid #3E3E3E}.tel__wrapper--flex--invalid{border:2px solid #cc0000b3}.tel__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:#1F1F1F;position:absolute;top:0;left:0}.tel__label--required::after{content:\"*\";font-family:inherit;color:#1F1F1F;margin-left:2px}.tel__prefix{width:120px}.tel__prefix[focus]{outline:none}.tel__prefix::part(input-field){border-radius:0 4px 4px 0;background-color:#DEE1EE;color:#1F1F1F;font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:19px}.tel__input{border-radius:4px;background-color:transparent;font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:19px;color:#2A2E3F;border:none;padding:8px 20px;width:inherit;position:relative;-moz-appearance:textfield;}.tel__input:focus{outline:none}.tel__input::-webkit-outer-spin-button,.tel__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tel__error-message{position:absolute;top:calc(100% + 5px);left:0;color:#cc0000b3}";
 
@@ -126,16 +127,16 @@ const TelInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }; }
   static get style() { return telInputCss; }
 }, [1, "tel-input", {
-    "name": [1],
-    "displayName": [1, "display-name"],
-    "showLabels": [4, "show-labels"],
-    "action": [1],
+    "name": [513],
+    "displayName": [513, "display-name"],
+    "showLabels": [516, "show-labels"],
+    "action": [513],
     "validation": [16],
-    "defaultValue": [1, "default-value"],
-    "autofilled": [4],
-    "language": [1],
-    "emitValue": [4, "emit-value"],
-    "clientStyling": [1, "client-styling"],
+    "defaultValue": [513, "default-value"],
+    "autofilled": [516],
+    "language": [513],
+    "emitValue": [516, "emit-value"],
+    "clientStyling": [513, "client-styling"],
     "isValid": [32],
     "errorMessage": [32],
     "limitStylingAppends": [32]

package/dist/components/text-input2.js

@@ -111,17 +111,17 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }; }
   static get style() { return textInputCss; }
 }, [1, "text-input", {
-    "name": [1],
-    "displayName": [1, "display-name"],
+    "name": [513],
+    "displayName": [513, "display-name"],
     "validation": [16],
-    "defaultValue": [1, "default-value"],
-    "autofilled": [4],
-    "rules": [1],
-    "language": [1],
-    "checkValidity": [4, "check-validity"],
-    "emitValue": [4, "emit-value"],
-    "isDuplicateInput": [4, "is-duplicate-input"],
-    "clientStyling": [1, "client-styling"],
+    "defaultValue": [513, "default-value"],
+    "autofilled": [516],
+    "rules": [513],
+    "language": [513],
+    "checkValidity": [516, "check-validity"],
+    "emitValue": [516, "emit-value"],
+    "isDuplicateInput": [516, "is-duplicate-input"],
+    "clientStyling": [513, "client-styling"],
     "isValid": [32],
     "errorMessage": [32],
     "limitStylingAppends": [32]