@descope/web-components-ui 3.24.0 → 3.26.0

package/package.json

@@ -5,7 +5,7 @@
     "url": "git+https://github.com/descope/web-components-ui.git",
     "directory": "packages/web-components/web-components-ui"
   },
-  "version": "3.24.0",
+  "version": "3.26.0",
   "description": "",
   "main": "dist/cjs/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -57,11 +57,11 @@
     "webpack-cli": "^7.0.0",
     "webpack-dev-server": "^5.0.0",
     "webpack-subresource-integrity": "5.2.0-rc.1",
-    "eslint-plugin-no-bare-class-import": "3.24.0",
-    "rollup-replace-plugin": "3.24.0",
-    "test-drivers": "3.24.0",
-    "webpack-extract-font-loader": "3.24.0",
-    "webpack-replace-plugin": "3.24.0"
+    "test-drivers": "3.26.0",
+    "webpack-extract-font-loader": "3.26.0",
+    "webpack-replace-plugin": "3.26.0",
+    "rollup-replace-plugin": "3.26.0",
+    "eslint-plugin-no-bare-class-import": "3.26.0"
   },
   "dependencies": {
     "@vaadin/checkbox": "24.3.4",
@@ -85,43 +85,45 @@
     "libphonenumber-js": "^1.11.12",
     "lodash.debounce": "4.0.8",
     "lodash.merge": "4.6.2",
-    "@descope-ui/common": "3.24.0",
-    "@descope-ui/descope-active-sessions": "3.24.0",
-    "@descope-ui/descope-address-field": "3.24.0",
-    "@descope-ui/descope-country-subdivision-city-field": "3.24.0",
-    "@descope-ui/descope-apps-list": "3.24.0",
-    "@descope-ui/descope-autocomplete-field": "3.24.0",
-    "@descope-ui/descope-avatar": "3.24.0",
-    "@descope-ui/descope-badge": "3.24.0",
-    "@descope-ui/descope-button": "3.24.0",
-    "@descope-ui/descope-collapsible-container": "3.24.0",
-    "@descope-ui/descope-combo-box": "3.24.0",
-    "@descope-ui/descope-enriched-text": "3.24.0",
-    "@descope-ui/descope-icon": "3.24.0",
-    "@descope-ui/descope-image": "3.24.0",
-    "@descope-ui/descope-link": "3.24.0",
-    "@descope-ui/descope-list": "3.24.0",
-    "@descope-ui/descope-list-item": "3.24.0",
-    "@descope-ui/descope-month-day-field": "3.24.0",
-    "@descope-ui/descope-month-day-field-picker": "3.24.0",
-    "@descope-ui/descope-multi-line-mappings": "3.24.0",
-    "@descope-ui/descope-multi-select-combo-box": "3.24.0",
-    "@descope-ui/descope-outbound-app-button": "3.24.0",
-    "@descope-ui/descope-outbound-apps": "3.24.0",
-    "@descope-ui/descope-password-strength": "3.24.0",
-    "@descope-ui/descope-ponyhot": "3.24.0",
-    "@descope-ui/descope-recovery-codes": "3.24.0",
-    "@descope-ui/descope-text": "3.24.0",
-    "@descope-ui/descope-text-field": "3.24.0",
-    "@descope-ui/descope-timer": "3.24.0",
-    "@descope-ui/descope-timer-button": "3.24.0",
-    "@descope-ui/descope-tooltip": "3.24.0",
-    "@descope-ui/descope-multi-sso": "3.24.0",
-    "@descope-ui/descope-trusted-devices": "3.24.0",
-    "@descope-ui/descope-attachment": "3.24.0",
-    "@descope-ui/descope-anchored": "3.24.0",
-    "@descope-ui/descope-user-passkeys": "3.24.0",
-    "@descope-ui/descope-filter": "3.24.0"
+    "@descope-ui/common": "3.26.0",
+    "@descope-ui/descope-active-sessions": "3.26.0",
+    "@descope-ui/descope-address-field": "3.26.0",
+    "@descope-ui/descope-country-subdivision-city-field": "3.26.0",
+    "@descope-ui/descope-apps-list": "3.26.0",
+    "@descope-ui/descope-autocomplete-field": "3.26.0",
+    "@descope-ui/descope-avatar": "3.26.0",
+    "@descope-ui/descope-badge": "3.26.0",
+    "@descope-ui/descope-button": "3.26.0",
+    "@descope-ui/descope-collapsible-container": "3.26.0",
+    "@descope-ui/descope-combo-box": "3.26.0",
+    "@descope-ui/descope-email-field": "3.26.0",
+    "@descope-ui/descope-list": "3.26.0",
+    "@descope-ui/descope-list-item": "3.26.0",
+    "@descope-ui/descope-month-day-field": "3.26.0",
+    "@descope-ui/descope-month-day-field-picker": "3.26.0",
+    "@descope-ui/descope-image": "3.26.0",
+    "@descope-ui/descope-multi-line-mappings": "3.26.0",
+    "@descope-ui/descope-new-email": "3.26.0",
+    "@descope-ui/descope-outbound-app-button": "3.26.0",
+    "@descope-ui/descope-outbound-apps": "3.26.0",
+    "@descope-ui/descope-multi-select-combo-box": "3.26.0",
+    "@descope-ui/descope-password-strength": "3.26.0",
+    "@descope-ui/descope-ponyhot": "3.26.0",
+    "@descope-ui/descope-enriched-text": "3.26.0",
+    "@descope-ui/descope-link": "3.26.0",
+    "@descope-ui/descope-icon": "3.26.0",
+    "@descope-ui/descope-timer": "3.26.0",
+    "@descope-ui/descope-timer-button": "3.26.0",
+    "@descope-ui/descope-tooltip": "3.26.0",
+    "@descope-ui/descope-text-field": "3.26.0",
+    "@descope-ui/descope-multi-sso": "3.26.0",
+    "@descope-ui/descope-trusted-devices": "3.26.0",
+    "@descope-ui/descope-attachment": "3.26.0",
+    "@descope-ui/descope-anchored": "3.26.0",
+    "@descope-ui/descope-filter": "3.26.0",
+    "@descope-ui/descope-text": "3.26.0",
+    "@descope-ui/descope-user-passkeys": "3.26.0",
+    "@descope-ui/descope-recovery-codes": "3.26.0"
   },
   "overrides": {
     "@vaadin/avatar": "24.3.4",

package/src/components/descope-hybrid-field/index.js

@@ -1,4 +1,4 @@
-import '../descope-email-field';
+import '@descope-ui/descope-email-field';
 import '../phone-fields/descope-phone-field';
 import '../phone-fields/descope-phone-input-box-field';
 

package/src/components/descope-new-password/NewPasswordClass.js

@@ -60,6 +60,7 @@ const customMixin = (superclass) =>
           'data-password-policy-value-passwordstrength',
           'data-password-policy-value-disallowedchars',
           'data-password-policy-value-email',
+          'data-password-policy-value-reuse',
           'label-type',
           'manual-visibility-toggle',
         ],

package/src/components/descope-new-password/descope-new-password-internal/NewPasswordInternal.js

@@ -20,6 +20,7 @@ const policyPanelAttrs = [
   'data-password-policy-value-passwordstrength',
   'data-password-policy-value-disallowedchars',
   'data-password-policy-value-email',
+  'data-password-policy-value-reuse',
   'manual-visibility-toggle',
 ];
 const commonAttrs = [

package/src/components/descope-policy-validation/PolicyValidationClass.js

@@ -13,6 +13,7 @@ const overrideAttrs = [
   'data-password-policy-actual-passwordstrength',
   'data-password-policy-value-disallowedchars',
   'data-password-policy-value-email',
+  'data-password-policy-value-reuse',
 ];
 const dataAttrs = ['data', 'active-policies', 'overrides', ...overrideAttrs];
 const policyAttrs = ['label', 'value', ...dataAttrs];
@@ -109,6 +110,13 @@ class RawPolicyValidation extends createBaseClass({ componentName, baseSelector:
           }
         }
 
+        if (attrName === 'data-password-policy-value-reuse') {
+          const ln = Number(newValue);
+          if (!Number.isNaN(ln) && ln > 0) {
+            this.#overrides = { ...this.#overrides, reuse: { value: `${ln}` } };
+          }
+        }
+
         if (attrName === 'data-password-policy-value-passwordstrength') {
           const passwordStrength = parseInt(newValue);
           if (!Number.isNaN(passwordStrength) && passwordStrength >= 0) {
@@ -227,17 +235,17 @@ class RawPolicyValidation extends createBaseClass({ componentName, baseSelector:
       });
     }
 
-    return this.#activePolicies.reduce((results, id) => {
+    const items = this.#activePolicies.reduce((results, id) => {
       const policy = policies.find((p) => p.id === id);
 
       if (!policy) {
         return results;
       }
 
-      const { pattern, message, data, compare } = policy;
+      const { pattern, message, data, compare, info } = policy;
       const normalizedCompare = typeof compare === 'string' ? compare.toUpperCase() : compare;
 
-      if ((!pattern && !compare) || !message) {
+      if ((!pattern && !compare && !info) || !message) {
         return results;
       }
 
@@ -246,7 +254,11 @@ class RawPolicyValidation extends createBaseClass({ componentName, baseSelector:
         id,
       };
 
-      if (pattern) {
+      if (info) {
+        // informational rule the client can't check (e.g. password reuse):
+        // `valid` stays undefined, so it renders neutral and never blocks `isValid`
+        validationResult.info = true;
+      } else if (pattern) {
         const exp = new RegExp(interpolateString(pattern, data));
         validationResult.valid = exp.test(this.value);
       } else if (normalizedCompare === 'STR_NEQ_CI') {
@@ -275,14 +287,17 @@ class RawPolicyValidation extends createBaseClass({ componentName, baseSelector:
 
       return results;
     }, []);
+
+    // informational rules always render last
+    return items.sort((a, b) => Number(!!a.info) - Number(!!b.info));
   }
 
   get isValid() {
     return !this.validate().some(({ valid }) => valid === false);
   }
 
-  buildValidationItem({ valid, message }) {
-    const status = !this.value ? 'none' : valid;
+  buildValidationItem({ valid, message, info }) {
+    const status = !this.value || info ? 'none' : valid;
     const li = document.createElement('li');
     li.className = 'item';
     li.dataset.valid = status;

package/src/index.cjs.js

@@ -11,7 +11,6 @@ export { LoaderLinearClass } from './components/descope-loader-linear/LoaderLine
 export { LoaderRadialClass } from './components/descope-loader-radial/LoaderRadialClass';
 export { ContainerClass } from './components/descope-container/ContainerClass';
 export { DividerClass } from './components/descope-divider/DividerClass';
-export { EmailFieldClass } from './components/descope-email-field/EmailFieldClass';
 export { LogoClass } from './components/descope-logo/LogoClass';
 export { TotpImageClass } from './components/descope-totp-image/TotpImageClass';
 export { NotpImageClass } from './components/descope-notp-image/NotpImageClass';

package/src/index.js

@@ -6,7 +6,6 @@ export * from './components/descope-container';
 export * from './components/descope-date-field/descope-calendar';
 export * from './components/descope-date-field';
 export * from './components/descope-divider';
-export * from './components/descope-email-field';
 export * from './components/descope-logo';
 export * from './components/descope-totp-image';
 export * from './components/descope-notp-image';

package/src/theme/components/index.js

@@ -32,9 +32,10 @@ import * as textField from '@descope-ui/descope-text-field/theme';
 import * as monthDayField from '@descope-ui/descope-month-day-field/theme';
 import * as monthDayFieldPicker from '@descope-ui/descope-month-day-field-picker/theme';
 import * as filter from '@descope-ui/descope-filter/theme';
+import * as emailField from '@descope-ui/descope-email-field/theme';
+import * as newEmail from '@descope-ui/descope-new-email/theme';
 import * as password from './password';
 import * as numberField from './numberField';
-import * as emailField from './emailField';
 import * as textArea from './textArea';
 import * as checkbox from './checkbox';
 import * as switchToggle from './switchToggle';
@@ -98,6 +99,7 @@ const components = {
   phoneField,
   phoneInputBoxField,
   newPassword,
+  newEmail,
   inputWrapper,
   uploadFile,
   buttonSelectionGroupItem,

package/stories/descope-email-field.stories.js

@@ -1,4 +1,4 @@
-import { componentName } from '../src/components/descope-email-field';
+import { componentName } from '@descope-ui/descope-email-field';
 import {
   toggleDefaultErrorMessagePatternMismatchDecorator,
   toggleDefaultErrorMessageValueMissingDecorator,

package/stories/descope-policy-validation.stories.js

@@ -47,6 +47,12 @@ const availablePolicies = [
     compare: 'STR_NEQ_CI',
     data: { expected: 'user@example.com' },
   },
+  {
+    id: 'reuse',
+    message: 'Cannot be one of your last {{value}} passwords',
+    info: true,
+    data: { value: 3 },
+  },
 ];
 
 // HTML-attribute-escape any user-supplied string so the template still parses
@@ -72,10 +78,21 @@ const Template = ({
   useMinLength,
   useDisallowedChars,
   useDisallowEmail,
+  useReuse,
   minLengthValue,
   disallowedCharsValue,
   emailValue,
+  useCustomReuseMessage,
 }) => {
+  // custom reuse message, as a Descoper would set it on the screen
+  const policiesData = useCustomReuseMessage
+    ? data.map((p) =>
+        p.id === 'reuse'
+          ? { ...p, message: 'Must differ from your previous {{value}} passwords' }
+          : p
+      )
+    : data;
+
   const policies = [
     useMinLength ? 'minlength' : null,
     useLowercase ? 'lowercase' : null,
@@ -85,13 +102,14 @@ const Template = ({
     useSymbol ? 'nonalphanumeric' : null,
     useDisallowedChars ? 'disallowedchars' : null,
     useDisallowEmail ? 'disallowemail' : null,
+    useReuse ? 'reuse' : null,
   ].filter(Boolean);
 
   return `
   <descope-policy-validation
     label="${escapeAttr(label)}"
     value="${escapeAttr(value)}"
-    data="${escapeAttr(JSON.stringify(data) || '')}"
+    data="${escapeAttr(JSON.stringify(policiesData) || '')}"
     active-policies="${policies || ''}"
     data-password-policy-value-minlength="${escapeAttr(minLengthValue)}"
     data-password-policy-value-disallowedchars="${escapeAttr(disallowedCharsValue)}"
@@ -128,7 +146,9 @@ Default.args = {
   useMinLength: false,
   useDisallowedChars: false,
   useDisallowEmail: false,
+  useReuse: false,
   minLengthValue: undefined,
   disallowedCharsValue: `'"`,
   emailValue: 'user@example.com',
+  useCustomReuseMessage: false,
 };

package/dist/umd/descope-email-field-index-js.js

@@ -1,55 +0,0 @@
-/*! For license information please see descope-email-field-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4838,5695],{47656(t,e,r){r.d(e,{A:()=>x});const{host:i,label:o,placeholder:n,requiredIndicator:l,inputField:a,input:p,inputMask:s,helperText:d,errorMessage:u,disabledPlaceholder:c,inputDisabled:h,inputIcon:y,externalInput:g,externalInputDisabled:m,externalPlaceholder:f,externalDisabledPlaceholder:b}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},x={fontSize:[{},i],fontFamily:[o,a,d,u],labelFontSize:{...o,property:"font-size"},labelFontWeight:{...o,property:"font-weight"},inputValueFontWeight:[{...p,property:"font-weight"},{...g,property:"font-weight"}],inputPlaceholderFontWeight:[{selector:()=>":host input:placeholder-shown",property:"font-weight"},{...f,property:"font-weight"}],helperTextFontWeight:{...d,property:"font-weight"},errorMessageFontWeight:{...u,property:"font-weight"},labelTextColor:[{...o,property:"color"},{...l,property:"color"},{...o,property:"-webkit-text-fill-color"},{...l,property:"-webkit-text-fill-color"}],hostWidth:{...i,property:"width"},hostMinWidth:{...i,property:"min-width"},hostDirection:{...i,property:"direction"},inputDirection:{...p,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...s,property:"background-color"}],errorMessageTextColor:{...u,property:"color"},errorMessageIcon:{...u,property:"background-image"},errorMessageIconSize:{...u,property:"background-size"},errorMessageIconPadding:{...u,property:"padding-inline-start"},errorMessageIconRepeat:{...u,property:"background-repeat"},errorMessageIconPosition:{...u,property:"background-position"},errorMessageFontSize:{...u,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...p,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...l,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...p,property:"padding-left"},{...p,property:"padding-right"},{...g,property:"padding-left"},{...g,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...p,property:"text-align"},{...g,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...f,property:"color"},{...n,property:"color"},{...c,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],labelPosition:{...o,property:"position"},labelTopPosition:{...o,property:"top"},labelHorizontalPosition:[{...o,property:"left"},{...o,property:"right"}],inputTransformY:{...o,property:"transform"},inputTransition:{...o,property:"transition"},marginInlineStart:{...o,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...f,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...g,property:"align-items"}],valueInputHeight:[{...p,property:"height"},{...g,property:"height"}],valueInputMarginBottom:[{...p,property:"margin-bottom"},{...g,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"},inputTextSecurity:[{...p,property:"-webkit-text-security"},{...p,property:"text-security"},{...g,property:"-webkit-text-security"},{...g,property:"text-security"}]}},63768(t,e,r){r.r(e),r.d(e,{EmailFieldClass:()=>f,componentName:()=>g}),r(52733);var i=r(47642),o=r(87550);const n=o.AH`
-  :host([dir='rtl']) [part='input-field'] ::slotted(input) {
-    --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
-  }
-
-  :host([dir='rtl']) [part='input-field'] ::slotted(input:placeholder-shown) {
-    --_lumo-text-field-overflow-mask-image: none;
-  }
-`;(0,o.SF)("vaadin-email-field",[i.k,n],{moduleId:"lumo-email-field"});var l=r(82901),a=r(27136);const p=r(51450).AH`
-  :host([dir='rtl']) [part='input-field'] {
-    direction: ltr;
-  }
-
-  :host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder {
-    direction: rtl;
-    text-align: left;
-  }
-`;(0,o.SF)("vaadin-email-field",p,{moduleId:"vaadin-email-field-styles"});class s extends a.A{static get is(){return"vaadin-email-field"}constructor(){super(),this._setType("email"),this.pattern="^([a-zA-Z0-9_\\.\\-+])+@[a-zA-Z0-9\\-.]+\\.[a-zA-Z0-9\\-]{2,}$"}ready(){super.ready(),this.inputElement&&(this.inputElement.autocapitalize="off")}}(0,l.X)(s);var d=r(47656),u=r(79365),c=r(9696),h=r(97810),y=r(73551);const g=(0,h.xE)("email-field"),m="email",f=(0,c.Zz)((0,u.RF)({mappings:d.A}),u.VO,(0,u.RV)({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),(0,u.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),u.tQ,t=>class extends t{get acceptsUnicode(){return"false"!==this.getAttribute("accept-unicode")}init(){super.init?.(),this.baseElement.setAttribute("pattern","^[\\w\\.\\%\\+\\-']+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$"),this.getAttribute("autocomplete")||this.setAttribute("autocomplete","username"),this.createExternalInput(),[this.inputElement,this.externalInput].filter(Boolean).forEach(t=>{t.addEventListener("change",this.stripSurroundingWhitespace)}),this.acceptsUnicode&&this.enableUnicode()}enableUnicode(){this.baseElement.setAttribute("pattern","^[\\p{L}\\p{M}\\p{N}._%+'\\-]+@[\\p{L}\\p{M}\\p{N}.\\-]+\\.[\\p{L}\\p{M}][\\p{L}\\p{M}\\p{N}\\-]+$"),this.baseElement._setType("text"),this.externalInput&&(this.externalInput.type="text"),this.getAttribute("inputmode")||this.setAttribute("inputmode",m),this.externalInput?.setAttribute("inputmode",m)}stripSurroundingWhitespace=t=>{const e=t.target.value.trim();e!==t.target.value&&(this.value=e,this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})))}})((0,u.tz)({slots:["","suffix"],wrappedEleName:"vaadin-email-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${f.cssVarList.inputOutlineWidth}) + var(${f.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${(0,y.$J)("vaadin-email-field")}\n\t\t\t${(0,y.cy)(f.cssVarList)}\n\t\t\t${(0,y.LJ)("vaadin-email-field",f.cssVarList)}\n      ${(0,y.Kl)()}\n\n      vaadin-email-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n      :host ::slotted(*) {\n        -webkit-mask-image: none;\n      }\n\n      vaadin-email-field[external-input="true"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:g}));customElements.define(g,f)},18330(t,e,r){r.d(e,{f:()=>o});var i=r(44099);class o extends i.r{constructor(t,e){super(t,"input","input",{initializer:(t,r)=>{r.value&&(t.value=r.value),r.type&&t.setAttribute("type",r.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},37436(t,e,r){r.d(e,{a:()=>o});var i=r(44218);const o=t=>class extends((0,i.R)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},27136(t,e,r){r.d(e,{A:()=>h}),r(86689);var i=r(13256),o=r(82901),n=r(72562),l=r(81488),a=r(86314),p=r(87550),s=r(18330),d=r(37436),u=r(37720);const c=t=>class extends((0,d.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new s.f(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new u.q(this.inputElement,this._labelController))}};(0,p.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class h extends(c((0,p.cp)((0,n.q)(i.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return i.qy`
-      <style>
-        [part='input-field'] {
-          flex-grow: 0;
-        }
-      </style>
-
-      <div class="vaadin-field-container">
-        <div part="label">
-          <slot name="label"></slot>
-          <span part="required-indicator" aria-hidden="true" on-click="focus"></span>
-        </div>
-
-        <vaadin-input-container
-          part="input-field"
-          readonly="[[readonly]]"
-          disabled="[[disabled]]"
-          invalid="[[invalid]]"
-          theme$="[[_theme]]"
-        >
-          <slot name="prefix" slot="prefix"></slot>
-          <slot name="input"></slot>
-          <slot name="suffix" slot="suffix"></slot>
-          <div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
-        </vaadin-input-container>
-
-        <div part="helper-text">
-          <slot name="helper"></slot>
-        </div>
-
-        <div part="error-message">
-          <slot name="error-message"></slot>
-        </div>
-      </div>
-      <slot name="tooltip"></slot>
-    `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new l.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,o.X)(h)},52733(t,e,r){r(27397);var i=r(47642);(0,r(87550).SF)("vaadin-text-field",i.k,{moduleId:"lumo-text-field-styles"}),r(27136)}}]);
-//# sourceMappingURL=descope-email-field-index-js.js.map

package/dist/umd/descope-email-field-index-js.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"descope-email-field-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-text-field/src/component/textFieldMappings.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/theme/lumo/vaadin-email-field-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/src/vaadin-email-field-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/email-field/src/vaadin-email-field.js","webpack://@descope/web-components-ui/./src/components/descope-email-field/EmailFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-email-field/emailPattern.js","webpack://@descope/web-components-ui/./src/components/descope-email-field/index.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/field-base/src/input-controller.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/field-base/src/input-field-mixin.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/text-field/src/vaadin-text-field-mixin.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/text-field/src/vaadin-text-field.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/text-field/theme/lumo/vaadin-text-field-styles.js"],"sourcesContent":["const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: {\n    selector: '[required]::part(required-indicator)::after',\n  },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: {\n    selector: () => '::slotted(input:disabled::placeholder)',\n  },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  inputValueFontWeight: [\n    { ...input, property: 'font-weight' },\n    { ...externalInput, property: 'font-weight' },\n  ],\n  inputPlaceholderFontWeight: [\n    {\n      selector: () => ':host input:placeholder-shown',\n      property: 'font-weight',\n    },\n    { ...externalPlaceholder, property: 'font-weight' },\n  ],\n  helperTextFontWeight: { ...helperText, property: 'font-weight' },\n  errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: {\n    ...errorMessage,\n    property: 'padding-inline-start',\n  },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: {\n    ...errorMessage,\n    property: 'background-position',\n  },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst emailField = css`\n  :host([dir='rtl']) [part='input-field'] ::slotted(input) {\n    --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);\n  }\n\n  :host([dir='rtl']) [part='input-field'] ::slotted(input:placeholder-shown) {\n    --_lumo-text-field-overflow-mask-image: none;\n  }\n`;\n\nregisterStyles('vaadin-email-field', [inputFieldShared, emailField], {\n  moduleId: 'lumo-email-field',\n});\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from 'lit';\n\n// See https://github.com/vaadin/vaadin-text-field/issues/466\nexport const emailFieldStyles = css`\n  :host([dir='rtl']) [part='input-field'] {\n    direction: ltr;\n  }\n\n  :host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder {\n    direction: rtl;\n    text-align: left;\n  }\n`;\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { TextField } from '@vaadin/text-field/src/vaadin-text-field.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { emailFieldStyles } from './vaadin-email-field-styles.js';\n\nregisterStyles('vaadin-email-field', emailFieldStyles, { moduleId: 'vaadin-email-field-styles' });\n\n/**\n * `<vaadin-email-field>` is a Web Component for email field control in forms.\n *\n * ```html\n * <vaadin-email-field label=\"Email\"></vaadin-email-field>\n * ```\n *\n * ### Styling\n *\n * `<vaadin-email-field>` provides the same set of shadow DOM parts and state attributes as `<vaadin-text-field>`.\n * See [`<vaadin-text-field>`](#/elements/vaadin-text-field) for the styling documentation.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n *\n * @customElement\n * @extends TextField\n */\nexport class EmailField extends TextField {\n  static get is() {\n    return 'vaadin-email-field';\n  }\n\n  constructor() {\n    super();\n    this._setType('email');\n    this.pattern = '^([a-zA-Z0-9_\\\\.\\\\-+])+@[a-zA-Z0-9\\\\-.]+\\\\.[a-zA-Z0-9\\\\-]{2,}$';\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    if (this.inputElement) {\n      this.inputElement.autocapitalize = 'off';\n    }\n  }\n}\n\ndefineCustomElement(EmailField);\n","import textFieldMappings from '@descope-ui/descope-text-field/mappings';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n  externalInputMixin,\n} from '../../mixins';\nimport { compose } from '../../helpers';\nimport { asciiPattern, unicodePattern } from './emailPattern';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('email-field');\n\nconst defaultAutocomplete = 'username';\nconst defaultInputMode = 'email';\n\nconst customMixin = (superclass) =>\n  class EmailFieldMixinClass extends superclass {\n    // On by default - `accept-unicode=\"false\"` restores the pre-unicode field:\n    // native `type=\"email\"` validation and the ASCII pattern.\n    //\n    // Read once, in `init`. Changing the attribute afterwards has no effect; it\n    // is static configuration, which is how every consumer sets it.\n    get acceptsUnicode() {\n      return this.getAttribute('accept-unicode') !== 'false';\n    }\n\n    init() {\n      super.init?.();\n\n      // we need to set the pattern on the base element because vaadin-email-field is overriding it\n      this.baseElement.setAttribute('pattern', asciiPattern);\n\n      if (!this.getAttribute('autocomplete')) {\n        this.setAttribute('autocomplete', defaultAutocomplete);\n      }\n\n      this.createExternalInput();\n\n      [this.inputElement, this.externalInput].filter(Boolean).forEach((input) => {\n        input.addEventListener('change', this.stripSurroundingWhitespace);\n      });\n\n      if (this.acceptsUnicode) {\n        this.enableUnicode();\n      }\n    }\n\n    enableUnicode() {\n      this.baseElement.setAttribute('pattern', unicodePattern);\n\n      // native `type=\"email\"` validation is ASCII only and sets typeMismatch\n      // before `pattern` is consulted, so `text` is what lets the pattern decide.\n      // Through vaadin's `_setType` because `type` is a readOnly property bound\n      // to the inner input - assigning `input.type` is re-applied over.\n      this.baseElement._setType('text');\n\n      if (this.externalInput) {\n        this.externalInput.type = 'text';\n      }\n\n      // `type=\"text\"` loses the email keyboard on mobile\n      if (!this.getAttribute('inputmode')) {\n        this.setAttribute('inputmode', defaultInputMode);\n      }\n\n      this.externalInput?.setAttribute('inputmode', defaultInputMode);\n    }\n\n    stripSurroundingWhitespace = (e) => {\n      const trimmed = e.target.value.trim();\n      if (trimmed === e.target.value) return;\n      this.value = trimmed;\n\n      // validity is cached and was computed against the untrimmed value\n      this.inputElement.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n    };\n  };\n\nexport const EmailFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  externalInputMixin({\n    inputType: 'email',\n    inputName: 'email',\n    autocompleteType: 'username',\n    includeAttrs: ['disabled', 'readonly', 'pattern'],\n  }),\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: ['', 'suffix'],\n    wrappedEleName: 'vaadin-email-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${EmailFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          EmailFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      ${resetInputLabelPosition('vaadin-email-field')}\n\t\t\t${useHostExternalPadding(EmailFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-email-field', EmailFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-email-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-email-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n      :host ::slotted(*) {\n        -webkit-mask-image: none;\n      }\n\n      vaadin-email-field[external-input=\"true\"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n","// Kept in its own module (with no imports) so it can be unit tested without\n// pulling in the whole component / vaadin dependency chain.\n\nexport const asciiPattern = \"^[\\\\w\\\\.\\\\%\\\\+\\\\-']+@[\\\\w\\\\.\\\\-]+\\\\.[A-Za-z]{2,}$\";\n\nexport const unicodePattern =\n  \"^[\\\\p{L}\\\\p{M}\\\\p{N}._%+'\\\\-]+@[\\\\p{L}\\\\p{M}\\\\p{N}.\\\\-]+\\\\.[\\\\p{L}\\\\p{M}][\\\\p{L}\\\\p{M}\\\\p{N}\\\\-]+$\";\n","import '@vaadin/email-field';\nimport { componentName, EmailFieldClass } from './EmailFieldClass';\n\ncustomElements.define(componentName, EmailFieldClass);\n\nexport { EmailFieldClass, componentName };\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { SlotController } from '@vaadin/component-base/src/slot-controller.js';\n\n/**\n * A controller to create and initialize slotted `<input>` element.\n */\nexport class InputController extends SlotController {\n  constructor(host, callback) {\n    super(host, 'input', 'input', {\n      initializer: (node, host) => {\n        if (host.value) {\n          node.value = host.value;\n        }\n        if (host.type) {\n          node.setAttribute('type', host.type);\n        }\n\n        // Ensure every instance has unique ID\n        node.id = this.defaultId;\n\n        if (typeof callback === 'function') {\n          callback(node);\n        }\n      },\n      useUniqueId: true,\n    });\n  }\n}\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { InputControlMixin } from './input-control-mixin.js';\n\n/**\n * A mixin to provide logic for vaadin-text-field and related components.\n *\n * @polymerMixin\n * @mixes InputControlMixin\n */\nexport const InputFieldMixin = (superclass) =>\n  class InputFieldMixinClass extends InputControlMixin(superclass) {\n    static get properties() {\n      return {\n        /**\n         * Whether the value of the control can be automatically completed by the browser.\n         * List of available options at:\n         * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete\n         */\n        autocomplete: {\n          type: String,\n        },\n\n        /**\n         * This is a property supported by Safari that is used to control whether\n         * autocorrection should be enabled when the user is entering/editing the text.\n         * Possible values are:\n         * on: Enable autocorrection.\n         * off: Disable autocorrection.\n         */\n        autocorrect: {\n          type: String,\n        },\n\n        /**\n         * This is a property supported by Safari and Chrome that is used to control whether\n         * autocapitalization should be enabled when the user is entering/editing the text.\n         * Possible values are:\n         * characters: Characters capitalization.\n         * words: Words capitalization.\n         * sentences: Sentences capitalization.\n         * none: No capitalization.\n         */\n        autocapitalize: {\n          type: String,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'autocapitalize', 'autocomplete', 'autocorrect'];\n    }\n\n    // Workaround for https://github.com/Polymer/polymer/issues/5259\n    get __data() {\n      return this.__dataValue || {};\n    }\n\n    set __data(value) {\n      this.__dataValue = value;\n    }\n\n    /**\n     * @param {HTMLElement} input\n     * @protected\n     * @override\n     */\n    _inputElementChanged(input) {\n      super._inputElementChanged(input);\n\n      if (input) {\n        // Discard value set on the custom slotted input.\n        if (input.value && input.value !== this.value) {\n          console.warn(`Please define value on the <${this.localName}> component!`);\n          input.value = '';\n        }\n\n        if (this.value) {\n          input.value = this.value;\n        }\n      }\n    }\n\n    /**\n     * Override an event listener from `FocusMixin`.\n     * @param {boolean} focused\n     * @protected\n     * @override\n     */\n    _setFocused(focused) {\n      super._setFocused(focused);\n\n      // Do not validate when focusout is caused by document\n      // losing focus, which happens on browser tab switch.\n      if (!focused && document.hasFocus()) {\n        this.validate();\n      }\n    }\n\n    /**\n     * Override an event listener from `InputMixin`\n     * to mark as valid after user started typing.\n     * @param {Event} event\n     * @protected\n     * @override\n     */\n    _onInput(event) {\n      super._onInput(event);\n\n      if (this.invalid) {\n        this.validate();\n      }\n    }\n\n    /**\n     * Override an observer from `InputMixin` to validate the field\n     * when a new value is set programmatically.\n     *\n     * @param {string | undefined} newValue\n     * @param {string | undefined} oldValue\n     * @protected\n     * @override\n     */\n    _valueChanged(newValue, oldValue) {\n      super._valueChanged(newValue, oldValue);\n\n      if (oldValue === undefined) {\n        return;\n      }\n\n      if (this.invalid) {\n        this.validate();\n      }\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { InputController } from '@vaadin/field-base/src/input-controller.js';\nimport { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';\nimport { LabelledInputController } from '@vaadin/field-base/src/labelled-input-controller.js';\n\n/**\n * A mixin providing common text field functionality.\n *\n * @polymerMixin\n * @mixes InputFieldMixin\n */\nexport const TextFieldMixin = (superClass) =>\n  class TextFieldMixinClass extends InputFieldMixin(superClass) {\n    static get properties() {\n      return {\n        /**\n         * Maximum number of characters (in Unicode code points) that the user can enter.\n         */\n        maxlength: {\n          type: Number,\n        },\n\n        /**\n         * Minimum number of characters (in Unicode code points) that the user can enter.\n         */\n        minlength: {\n          type: Number,\n        },\n\n        /**\n         * A regular expression that the value is checked against.\n         * The pattern must match the entire value, not just some subset.\n         */\n        pattern: {\n          type: String,\n        },\n      };\n    }\n\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'maxlength', 'minlength', 'pattern'];\n    }\n\n    static get constraints() {\n      return [...super.constraints, 'maxlength', 'minlength', 'pattern'];\n    }\n\n    constructor() {\n      super();\n      this._setType('text');\n    }\n\n    /** @protected */\n    get clearElement() {\n      return this.$.clearButton;\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      this.addController(\n        new InputController(this, (input) => {\n          this._setInputElement(input);\n          this._setFocusElement(input);\n          this.stateTarget = input;\n          this.ariaTarget = input;\n        }),\n      );\n      this.addController(new LabelledInputController(this.inputElement, this._labelController));\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/src/vaadin-input-container.js';\nimport { html, PolymerElement } from '@polymer/polymer';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { TextFieldMixin } from './vaadin-text-field-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, { moduleId: 'vaadin-text-field-styles' });\n\n/**\n * `<vaadin-text-field>` is a web component that allows the user to input and edit text.\n *\n * ```html\n * <vaadin-text-field label=\"First Name\"></vaadin-text-field>\n * ```\n *\n * ### Prefixes and suffixes\n *\n * These are child elements of a `<vaadin-text-field>` that are displayed\n * inline with the input, before or after.\n * In order for an element to be considered as a prefix, it must have the slot\n * attribute set to `prefix` (and similarly for `suffix`).\n *\n * ```html\n * <vaadin-text-field label=\"Email address\">\n *   <div slot=\"prefix\">Sent to:</div>\n *   <div slot=\"suffix\">@vaadin.com</div>\n * </vaadin-text-field>\n * ```\n *\n * ### Styling\n *\n * The following custom properties are available for styling:\n *\n * Custom property                | Description                | Default\n * -------------------------------|----------------------------|---------\n * `--vaadin-field-default-width` | Default width of the field | `12em`\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name            | Description\n * ---------------------|----------------\n * `label`              | The label element\n * `input-field`        | The element that wraps prefix, value and suffix\n * `clear-button`       | The clear button\n * `error-message`      | The error message element\n * `helper-text`        | The helper text element wrapper\n * `required-indicator` | The `required` state indicator element\n *\n * The following state attributes are available for styling:\n *\n * Attribute           | Description | Part name\n * --------------------|-------------|------------\n * `disabled`          | Set to a disabled text field | :host\n * `has-value`         | Set when the element has a value | :host\n * `has-label`         | Set when the element has a label | :host\n * `has-helper`        | Set when the element has helper text or slot | :host\n * `has-error-message` | Set when the element has an error message | :host\n * `invalid`           | Set when the element is invalid | :host\n * `input-prevented`   | Temporarily set when invalid input is prevented | :host\n * `focused`           | Set when the element is focused | :host\n * `focus-ring`        | Set when the element is keyboard focused | :host\n * `readonly`          | Set to a readonly text field | :host\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ElementMixin\n * @mixes ThemableMixin\n * @mixes TextFieldMixin\n */\nexport class TextField extends TextFieldMixin(ThemableMixin(ElementMixin(PolymerElement))) {\n  static get is() {\n    return 'vaadin-text-field';\n  }\n\n  static get template() {\n    return html`\n      <style>\n        [part='input-field'] {\n          flex-grow: 0;\n        }\n      </style>\n\n      <div class=\"vaadin-field-container\">\n        <div part=\"label\">\n          <slot name=\"label\"></slot>\n          <span part=\"required-indicator\" aria-hidden=\"true\" on-click=\"focus\"></span>\n        </div>\n\n        <vaadin-input-container\n          part=\"input-field\"\n          readonly=\"[[readonly]]\"\n          disabled=\"[[disabled]]\"\n          invalid=\"[[invalid]]\"\n          theme$=\"[[_theme]]\"\n        >\n          <slot name=\"prefix\" slot=\"prefix\"></slot>\n          <slot name=\"input\"></slot>\n          <slot name=\"suffix\" slot=\"suffix\"></slot>\n          <div id=\"clearButton\" part=\"clear-button\" slot=\"suffix\" aria-hidden=\"true\"></div>\n        </vaadin-input-container>\n\n        <div part=\"helper-text\">\n          <slot name=\"helper\"></slot>\n        </div>\n\n        <div part=\"error-message\">\n          <slot name=\"error-message\"></slot>\n        </div>\n      </div>\n      <slot name=\"tooltip\"></slot>\n    `;\n  }\n\n  static get properties() {\n    return {\n      /**\n       * Maximum number of characters (in Unicode code points) that the user can enter.\n       */\n      maxlength: {\n        type: Number,\n      },\n\n      /**\n       * Minimum number of characters (in Unicode code points) that the user can enter.\n       */\n      minlength: {\n        type: Number,\n      },\n    };\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this._tooltipController.setPosition('top');\n    this._tooltipController.setAriaTarget(this.inputElement);\n    this.addController(this._tooltipController);\n  }\n}\n\ndefineCustomElement(TextField);\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, {\n  moduleId: 'lumo-text-field-styles',\n});\n"],"names":["host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","__WEBPACK_DEFAULT_EXPORT__","fontSize","fontFamily","labelFontSize","property","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputOutlineWidth","inputOutlineOffset","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity","emailField","vaadin_themable_mixin","AH","SF","input_field_shared","k","moduleId","emailFieldStyles","EmailField","src_vaadin_text_field","A","is","constructor","super","this","_setType","pattern","ready","inputElement","autocapitalize","src_define","X","componentName","componentHelpers","xE","defaultInputMode","EmailFieldClass","helpers","Zz","mixins","RF","mappings","textFieldMappings","VO","RV","inputType","inputName","autocompleteType","includeAttrs","OZ","proxyProps","useProxyTargets","tQ","superclass","acceptsUnicode","getAttribute","init","baseElement","setAttribute","createExternalInput","filter","Boolean","forEach","addEventListener","stripSurroundingWhitespace","enableUnicode","type","e","trimmed","target","value","trim","dispatchEvent","Event","bubbles","composed","tz","slots","wrappedEleName","style","cssVarList","resetHelpers","$J","cy","LJ","Kl","excludeAttrsSync","customElements","define","InputController","_vaadin_component_base_src_slot_controller_js__WEBPACK_IMPORTED_MODULE_0__","r","callback","initializer","node","id","defaultId","useUniqueId","InputFieldMixin","_input_control_mixin_js__WEBPACK_IMPORTED_MODULE_0__","R","properties","autocomplete","String","autocorrect","reflectToAttribute","delegateAttrs","__data","__dataValue","_inputElementChanged","console","warn","localName","_setFocused","focused","document","hasFocus","validate","_onInput","event","invalid","_valueChanged","newValue","oldValue","undefined","TextFieldMixin","superClass","input_field_mixin","a","maxlength","Number","minlength","constraints","clearElement","$","clearButton","addController","input_controller","f","_setInputElement","_setFocusElement","stateTarget","ariaTarget","labelled_input_controller","q","_labelController","input_field_shared_styles","TextField","cp","element_mixin","polymer_element","Pu","template","qy","_tooltipController","tooltip_controller","I","setPosition","setAriaTarget"],"sourceRoot":""}