@descope/web-components-ui 2.2.24 → 2.2.25

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.
Files changed (84) hide show
  1. package/README.md +1 -1
  2. package/dist/umd/1408.js +2 -2
  3. package/dist/umd/1453.js +177 -0
  4. package/dist/umd/{1995.js.LICENSE.txt → 1453.js.LICENSE.txt} +6 -0
  5. package/dist/umd/1453.js.map +1 -0
  6. package/dist/umd/1899.js +2 -2
  7. package/dist/umd/2562.js +3 -0
  8. package/dist/umd/2562.js.map +1 -0
  9. package/dist/umd/3620.js +3 -3
  10. package/dist/umd/4518.js +3 -3
  11. package/dist/umd/4550.js +2 -2
  12. package/dist/umd/4623.js +1 -1
  13. package/dist/umd/4914.js +1 -1
  14. package/dist/umd/4914.js.map +1 -1
  15. package/dist/umd/5260.js +2 -2
  16. package/dist/umd/5263.js +498 -0
  17. package/dist/umd/5263.js.LICENSE.txt +17 -0
  18. package/dist/umd/5263.js.map +1 -0
  19. package/dist/umd/5648.js +1 -1
  20. package/dist/umd/5966.js +125 -0
  21. package/dist/umd/5966.js.map +1 -0
  22. package/dist/umd/6477.js +3 -3
  23. package/dist/umd/7291.js +2 -2
  24. package/dist/umd/7387.js +144 -0
  25. package/dist/umd/{6419.js.LICENSE.txt → 7387.js.LICENSE.txt} +8 -2
  26. package/dist/umd/7387.js.map +1 -0
  27. package/dist/umd/7774.js +3 -3
  28. package/dist/umd/7939.js +1 -1
  29. package/dist/umd/8202.js +82 -0
  30. package/dist/umd/{descope-apps-list.js.LICENSE.txt → 8202.js.LICENSE.txt} +0 -6
  31. package/dist/umd/8202.js.map +1 -0
  32. package/dist/umd/8983.js +1 -1
  33. package/dist/umd/9117.js +3 -3
  34. package/dist/umd/9970.js +1 -1
  35. package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js +1 -1
  36. package/dist/umd/descope-apps-list.js +1 -17
  37. package/dist/umd/descope-apps-list.js.map +1 -1
  38. package/dist/umd/descope-avatar.js +161 -2
  39. package/dist/umd/descope-avatar.js.LICENSE.txt +6 -0
  40. package/dist/umd/descope-avatar.js.map +1 -1
  41. package/dist/umd/descope-button.js +1 -1
  42. package/dist/umd/descope-combo-box.js +2 -2
  43. package/dist/umd/descope-date-field-index-js.js +1 -1
  44. package/dist/umd/descope-email-field-index-js.js +1 -1
  45. package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js +1 -1
  46. package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js.map +1 -1
  47. package/dist/umd/descope-grid-descope-grid-item-details-column-index-js.js +1 -1
  48. package/dist/umd/descope-grid-descope-grid-item-details-column-index-js.js.map +1 -1
  49. package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +1 -1
  50. package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js.map +1 -1
  51. package/dist/umd/descope-grid-descope-grid-text-column-index-js.js +1 -1
  52. package/dist/umd/descope-grid-descope-grid-text-column-index-js.js.map +1 -1
  53. package/dist/umd/descope-outbound-app-button.js +1 -1
  54. package/dist/umd/descope-outbound-apps.js +1 -338
  55. package/dist/umd/descope-outbound-apps.js.map +1 -1
  56. package/dist/umd/descope-passcode-index-js.js +1 -1
  57. package/dist/umd/descope-security-questions-verify-index-js.js +1 -1
  58. package/dist/umd/descope-text-field-index-js.js +1 -1
  59. package/dist/umd/descope-timer-button.js +1 -1
  60. package/dist/umd/descope-tooltip.js +2 -1
  61. package/dist/umd/descope-tooltip.js.LICENSE.txt +11 -0
  62. package/dist/umd/descope-tooltip.js.map +1 -1
  63. package/dist/umd/descope-upload-file-index-js.js +1 -1
  64. package/dist/umd/descope-user-attribute-index-js.js +1 -1
  65. package/dist/umd/descope-user-auth-method-index-js.js +1 -1
  66. package/dist/umd/index.js +1 -1
  67. package/dist/umd/index.js.map +1 -1
  68. package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js +1 -1
  69. package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
  70. package/package.json +29 -29
  71. package/dist/umd/1519.js +0 -203
  72. package/dist/umd/1519.js.LICENSE.txt +0 -51
  73. package/dist/umd/1519.js.map +0 -1
  74. package/dist/umd/1995.js +0 -241
  75. package/dist/umd/1995.js.map +0 -1
  76. package/dist/umd/6419.js +0 -82
  77. package/dist/umd/6419.js.map +0 -1
  78. package/dist/umd/676.js +0 -3
  79. package/dist/umd/676.js.map +0 -1
  80. package/dist/umd/8618.js +0 -125
  81. package/dist/umd/8618.js.map +0 -1
  82. package/dist/umd/descope-outbound-apps.js.LICENSE.txt +0 -5
  83. /package/dist/umd/{676.js.LICENSE.txt → 2562.js.LICENSE.txt} +0 -0
  84. /package/dist/umd/{8618.js.LICENSE.txt → 5966.js.LICENSE.txt} +0 -0
@@ -1,5 +1,5 @@
1
1
  /*! For license information please see phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4838,8657],{9035:(t,e,i)=>{i.d(e,{A:()=>p,T:()=>u});var n=i(25964),a=i(3393),s=i(97810),l=i(92259),r=i(10473),o=i(23530);const u=(0,s.xE)("phone-field-internal-input-box"),d=["disabled","size","readonly","phone-input-placeholder","name","maxlength","autocomplete","label-type"],c={"phone-input-placeholder":"placeholder"},h=(0,a.y)({componentName:u,baseSelector:"div"}),p=class extends h{static get observedAttributes(){return[].concat(h.observedAttributes||[],d)}#t;constructor(){super(),this.innerHTML='\n <div>\n <descope-text-field tabindex="1" type="tel" bordered="false"></descope-text-field>\n </div>\n ',this.textField=this.querySelector("descope-text-field")}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get defaultDialCode(){return(0,l.Q)(this.getAttribute("default-code"))}get defaultCode(){return this.getAttribute("default-code")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}get restrictCountries(){return this.getAttribute("restrict-countries")?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){if(!this.textField.value)return"";if(!this.isStrictValidation)return this.#e();const t=this.#i();return t?.country&&t?.countryCallingCode&&t?.nationalNumber?`+${[t?.countryCallingCode,t?.nationalNumber].join("-")}`:this.textField.value}set value(t){this.textField.value=t}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.textField.focus()}),super.init?.(),this.textField.addEventListener("input",this.#n.bind(this)),this.handleFocusEventsDispatching([this.textField]),(0,n.EA)(this.textField,this,{includeAttrs:["has-value"]})}getValidity(){const t=/^\+?\d{1,4}-?(?:\d-?){1,15}$/,e=this.#a(this.textField.value||"");if(this.isRequired&&!this.textField.value)return{valueMissing:!0};if(this.textField.value){if(e.length<this.minLength)return{tooShort:!0};if(this.isStrictValidation&&this.textField.value&&!this.#s()||!this.isStrictValidation&&this.textField.value&&!t.test(this.value))return{patternMismatch:!0}}return{}}setSelectionRange(...t){this.textField.setSelectionRange(...t)}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback(t,e,i),e!==i&&d.includes(t)){const e=c[t]||t;this.textField.setAttribute(e,i)}}#n(t){let e=this.#l(t.target.value);this.isFormatValue&&this.#r(e)&&(e=this.#o(e)),t.target.value=e}#e(){if(!this.defaultDialCode)return this.textField.value;const t=this.#u(this.textField.value),e=this.#a(t);return[this.defaultDialCode,e].join("-")}#i(){return this.defaultDialCode?(0,r.l)([this.defaultDialCode,this.#a(this.textField.value)].filter(Boolean).join("")):(0,r.l)(this.textField.value)}#a(t){return t.replace(/\D/g,"")}#u(t){if("+"===this.textField.value?.[0]){const e=new RegExp(`^\\${this.defaultDialCode}`);return t.replace(e,"")}return t}#s(){const t=(0,r.l)(this.value);return!(!t||!t.isValid?.()||!t.country||!this.#d(t.country)||this.defaultCode&&this.defaultCode!==t.country)}#d(t){return!this.restrictCountries.length||this.restrictCountries.includes(t)}#l(t){if(t=t.replace(/^-+/,"").replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+"),!this.allowAlphanumericInput){const e=/^[+\d-\(\)]+$/;t=t.split("").filter(t=>e.test(t)).join("")}return t}#o(t=""){const e=this.defaultCode||this.#c(t);return e?(this.#t&&this.#t.country===e||(this.#t=new o.Q(e)),this.#t.reset(),this.#t.input(t)||t):t}#c(t){const e=(0,r.l)(t);return e?.country||""}#r(t){return!!(0,l.W)(t)}}},11284:(t,e,i)=>{i(52733),i(27136)},18330:(t,e,i)=>{i.d(e,{f:()=>a});var n=i(44099);class a extends n.r{constructor(t,e){super(t,"input","input",{initializer:(t,i)=>{i.value&&(t.value=i.value),i.type&&t.setAttribute("type",i.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},21374:(t,e,i)=>{i.r(e),i.d(e,{TextFieldClass:()=>n.w,componentName:()=>n.T}),i(11284),i(37182),i(95260);var n=i(79275);customElements.define(n.T,n.w)},27136:(t,e,i)=>{i.d(e,{A:()=>p}),i(86689);var n=i(13256),a=i(82901),s=i(90676),l=i(81488),r=i(86314),o=i(87550),u=i(18330),d=i(37436),c=i(37720);const h=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 u.f(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new c.q(this.inputElement,this._labelController))}};(0,o.SF)("vaadin-text-field",r.k,{moduleId:"vaadin-text-field-styles"});class p extends(h((0,o.cp)((0,s.q)(n.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return n.qy`
2
+ "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4838,8657],{9035:(t,e,i)=>{i.d(e,{A:()=>p,T:()=>u});var n=i(25964),a=i(3393),s=i(97810),l=i(92259),r=i(10473),o=i(23530);const u=(0,s.xE)("phone-field-internal-input-box"),d=["disabled","size","readonly","phone-input-placeholder","name","maxlength","autocomplete","label-type"],c={"phone-input-placeholder":"placeholder"},h=(0,a.y)({componentName:u,baseSelector:"div"}),p=class extends h{static get observedAttributes(){return[].concat(h.observedAttributes||[],d)}#t;constructor(){super(),this.innerHTML='\n <div>\n <descope-text-field tabindex="1" type="tel" bordered="false"></descope-text-field>\n </div>\n ',this.textField=this.querySelector("descope-text-field")}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get defaultDialCode(){return(0,l.Q)(this.getAttribute("default-code"))}get defaultCode(){return this.getAttribute("default-code")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}get restrictCountries(){return this.getAttribute("restrict-countries")?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){if(!this.textField.value)return"";if(!this.isStrictValidation)return this.#e();const t=this.#i();return t?.country&&t?.countryCallingCode&&t?.nationalNumber?`+${[t?.countryCallingCode,t?.nationalNumber].join("-")}`:this.textField.value}set value(t){this.textField.value=t}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.textField.focus()}),super.init?.(),this.textField.addEventListener("input",this.#n.bind(this)),this.handleFocusEventsDispatching([this.textField]),(0,n.EA)(this.textField,this,{includeAttrs:["has-value"]})}getValidity(){const t=/^\+?\d{1,4}-?(?:\d-?){1,15}$/,e=this.#a(this.textField.value||"");if(this.isRequired&&!this.textField.value)return{valueMissing:!0};if(this.textField.value){if(e.length<this.minLength)return{tooShort:!0};if(this.isStrictValidation&&this.textField.value&&!this.#s()||!this.isStrictValidation&&this.textField.value&&!t.test(this.value))return{patternMismatch:!0}}return{}}setSelectionRange(...t){this.textField.setSelectionRange(...t)}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback(t,e,i),e!==i&&d.includes(t)){const e=c[t]||t;this.textField.setAttribute(e,i)}}#n(t){let e=this.#l(t.target.value);this.isFormatValue&&this.#r(e)&&(e=this.#o(e)),t.target.value=e}#e(){if(!this.defaultDialCode)return this.textField.value;const t=this.#u(this.textField.value),e=this.#a(t);return[this.defaultDialCode,e].join("-")}#i(){return this.defaultDialCode?(0,r.l)([this.defaultDialCode,this.#a(this.textField.value)].filter(Boolean).join("")):(0,r.l)(this.textField.value)}#a(t){return t.replace(/\D/g,"")}#u(t){if("+"===this.textField.value?.[0]){const e=new RegExp(`^\\${this.defaultDialCode}`);return t.replace(e,"")}return t}#s(){const t=(0,r.l)(this.value);return!(!t||!t.isValid?.()||!t.country||!this.#d(t.country)||this.defaultCode&&this.defaultCode!==t.country)}#d(t){return!this.restrictCountries.length||this.restrictCountries.includes(t)}#l(t){if(t=t.replace(/^-+/,"").replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+"),!this.allowAlphanumericInput){const e=/^[+\d-\(\)]+$/;t=t.split("").filter(t=>e.test(t)).join("")}return t}#o(t=""){const e=this.defaultCode||this.#c(t);return e?(this.#t&&this.#t.country===e||(this.#t=new o.Q(e)),this.#t.reset(),this.#t.input(t)||t):t}#c(t){const e=(0,r.l)(t);return e?.country||""}#r(t){return!!(0,l.W)(t)}}},11284:(t,e,i)=>{i(52733),i(27136)},18330:(t,e,i)=>{i.d(e,{f:()=>a});var n=i(44099);class a extends n.r{constructor(t,e){super(t,"input","input",{initializer:(t,i)=>{i.value&&(t.value=i.value),i.type&&t.setAttribute("type",i.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},21374:(t,e,i)=>{i.r(e),i.d(e,{TextFieldClass:()=>n.w,componentName:()=>n.T}),i(11284),i(37182),i(95260);var n=i(79275);customElements.define(n.T,n.w)},27136:(t,e,i)=>{i.d(e,{A:()=>p}),i(86689);var n=i(13256),a=i(82901),s=i(72562),l=i(81488),r=i(86314),o=i(87550),u=i(18330),d=i(37436),c=i(37720);const h=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 u.f(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new c.q(this.inputElement,this._labelController))}};(0,o.SF)("vaadin-text-field",r.k,{moduleId:"vaadin-text-field-styles"});class p extends(h((0,o.cp)((0,s.q)(n.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return n.qy`
3
3
  <style>
4
4
  [part='input-field'] {
5
5
  flex-grow: 0;
@@ -1,5 +1,5 @@
1
1
  /*! For license information please see phone-fields-descope-phone-input-box-field-index-js.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4043,4838,8657],{9035:(t,e,i)=>{i.d(e,{A:()=>h,T:()=>d});var n=i(25964),r=i(3393),o=i(97810),a=i(92259),l=i(10473),s=i(23530);const d=(0,o.xE)("phone-field-internal-input-box"),p=["disabled","size","readonly","phone-input-placeholder","name","maxlength","autocomplete","label-type"],u={"phone-input-placeholder":"placeholder"},c=(0,r.y)({componentName:d,baseSelector:"div"}),h=class extends c{static get observedAttributes(){return[].concat(c.observedAttributes||[],p)}#t;constructor(){super(),this.innerHTML='\n <div>\n <descope-text-field tabindex="1" type="tel" bordered="false"></descope-text-field>\n </div>\n ',this.textField=this.querySelector("descope-text-field")}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get defaultDialCode(){return(0,a.Q)(this.getAttribute("default-code"))}get defaultCode(){return this.getAttribute("default-code")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}get restrictCountries(){return this.getAttribute("restrict-countries")?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){if(!this.textField.value)return"";if(!this.isStrictValidation)return this.#e();const t=this.#i();return t?.country&&t?.countryCallingCode&&t?.nationalNumber?`+${[t?.countryCallingCode,t?.nationalNumber].join("-")}`:this.textField.value}set value(t){this.textField.value=t}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.textField.focus()}),super.init?.(),this.textField.addEventListener("input",this.#n.bind(this)),this.handleFocusEventsDispatching([this.textField]),(0,n.EA)(this.textField,this,{includeAttrs:["has-value"]})}getValidity(){const t=/^\+?\d{1,4}-?(?:\d-?){1,15}$/,e=this.#r(this.textField.value||"");if(this.isRequired&&!this.textField.value)return{valueMissing:!0};if(this.textField.value){if(e.length<this.minLength)return{tooShort:!0};if(this.isStrictValidation&&this.textField.value&&!this.#o()||!this.isStrictValidation&&this.textField.value&&!t.test(this.value))return{patternMismatch:!0}}return{}}setSelectionRange(...t){this.textField.setSelectionRange(...t)}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback(t,e,i),e!==i&&p.includes(t)){const e=u[t]||t;this.textField.setAttribute(e,i)}}#n(t){let e=this.#a(t.target.value);this.isFormatValue&&this.#l(e)&&(e=this.#s(e)),t.target.value=e}#e(){if(!this.defaultDialCode)return this.textField.value;const t=this.#d(this.textField.value),e=this.#r(t);return[this.defaultDialCode,e].join("-")}#i(){return this.defaultDialCode?(0,l.l)([this.defaultDialCode,this.#r(this.textField.value)].filter(Boolean).join("")):(0,l.l)(this.textField.value)}#r(t){return t.replace(/\D/g,"")}#d(t){if("+"===this.textField.value?.[0]){const e=new RegExp(`^\\${this.defaultDialCode}`);return t.replace(e,"")}return t}#o(){const t=(0,l.l)(this.value);return!(!t||!t.isValid?.()||!t.country||!this.#p(t.country)||this.defaultCode&&this.defaultCode!==t.country)}#p(t){return!this.restrictCountries.length||this.restrictCountries.includes(t)}#a(t){if(t=t.replace(/^-+/,"").replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+"),!this.allowAlphanumericInput){const e=/^[+\d-\(\)]+$/;t=t.split("").filter(t=>e.test(t)).join("")}return t}#s(t=""){const e=this.defaultCode||this.#u(t);return e?(this.#t&&this.#t.country===e||(this.#t=new s.Q(e)),this.#t.reset(),this.#t.input(t)||t):t}#u(t){const e=(0,l.l)(t);return e?.country||""}#l(t){return!!(0,a.W)(t)}}},11284:(t,e,i)=>{i(52733),i(27136)},16306:(t,e,i)=>{i.d(e,{TQ:()=>c,Ul:()=>F});var n=i(9035),r=i(97810),o=i(9696),a=i(79365),l=i(79275),s=i(51680),d=i(73551),p=i(25964);const u=l.w.cssVarList,c=(0,r.xE)("phone-input-box-field"),{host:h,label:g,inputElement:f,requiredIndicator:m,inputField:y,internalComponent:b,internalComponentAfter:v,phoneInput:x,errorMessage:C,helperText:w}={host:{selector:()=>":host"},label:{selector:"::part(label)"},placeholder:{selector:"> input:placeholder-shown"},inputElement:{selector:"input"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:()=>"vaadin-text-field::part(input-field)"},internalComponent:{selector:"descope-phone-field-internal-input-box"},internalComponentAfter:{selector:"descope-phone-field-internal-input-box::after"},phoneInput:{selector:()=>"descope-text-field"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},F=(0,o.Zz)((0,a.RF)({mappings:{fontSize:[h,y,{selector:l.w.componentName,property:l.w.cssVarList.fontSize}],fontFamily:[g,C,w],hostWidth:{...h,property:"width"},hostMinWidth:{...h,property:"min-width"},hostDirection:{...h,property:"direction"},inputHorizontalPadding:[{...x,property:"padding-left"},{...x,property:"padding-right"}],labelFontSize:{...g,property:"font-size"},labelFontWeight:{...g,property:"font-weight"},labelTextColor:[{...g,property:"color"},{...g,property:"-webkit-text-fill-color"},{...m,property:"color"}],labelRequiredIndicator:{...m,property:"content"},errorMessageTextColor:{...C,property:"color"},errorMessageIcon:{...C,property:"background-image"},errorMessageIconSize:{...C,property:"background-size"},errorMessageIconPadding:{...C,property:"padding-inline-start"},errorMessageIconRepeat:{...C,property:"background-repeat"},errorMessageIconPosition:{...C,property:"background-position"},errorMessageFontSize:{...C,property:"font-size"},inputValueTextColor:{...x,property:u.inputValueTextColor},inputPlaceholderTextColor:{...x,property:u.inputPlaceholderColor},inputBorderStyle:{...v,property:"border-style"},inputBorderWidth:{...v,property:"border-width"},inputBorderColor:{...v,property:"border-color"},inputBorderRadius:[{...b,property:"border-radius"},{...v,property:"border-radius"}],inputOutlineStyle:{...b,property:"outline-style"},inputOutlineColor:{...b,property:"outline-color"},inputOutlineWidth:{...b,property:"outline-width"},inputOutlineOffset:{...b,property:"outline-offset"},labelPosition:{...g,property:"position"},labelTopPosition:{...g,property:"top"},labelHorizontalPosition:[{...g,property:"left"},{...g,property:"right"}],inputTransformY:{...g,property:"transform"},inputTransition:{...g,property:"transition"},marginInlineStart:{...g,property:"margin-inline-start"},valueInputHeight:{...f,property:"height"},valueInputMarginBottom:{selector:l.w.componentName,property:u.valueInputMarginBottom}}}),a.VO,a.Yg,(0,a.OZ)({proxyProps:["value","selectionStart"]}),t=>class extends t{static get CountryCodes(){return s.A}init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n\t\t\t\t<${n.T}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${n.T}>\n `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(n.T),(0,p.Gh)(this,this.inputElement,{includeAttrs:["has-value"]}),(0,r.EA)(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","minlength","maxlength","default-code","disabled","phone-input-placeholder","label","label-type","allow-alphanumeric-input","restrict-countries","format-value","strict-validation","data-errormessage-type-mismatch"]})}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}})((0,a.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n :host {\n display: inline-flex;\n max-width: 100%;\n box-sizing: border-box;\n }\n ${(0,d.cy)(F.cssVarList)}\n ${(0,d.I4)("vaadin-text-field")}\n ${(0,d.kG)("vaadin-text-field")}\n ${(0,d.X6)()}\n\n vaadin-text-field {\n width: 100%;\n box-sizing: border-box;\n padding: 0;\n }\n vaadin-text-field[focus-ring]::part(input-field) {\n box-shadow: none;\n }\n vaadin-text-field::before {\n height: 0;\n }\n vaadin-text-field::part(input-field) {\n padding: 0;\n background: transparent;\n -webkit-mask-image: none;\n }\n descope-phone-field-internal-input-box {\n -webkit-mask-image: none;\n padding: 0;\n width: 100%;\n }\n descope-phone-field-internal-input-box > div {\n width: 100%;\n }\n descope-phone-field-internal-input-box descope-text-field {\n ${u.inputOutlineWidth}: 0;\n ${u.inputOutlineOffset}: 0;\n }\n descope-phone-field-internal-input-box::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n box-sizing: border-box;\n pointer-events: none;\n }\n descope-text-field {\n flex-grow: 1;\n width: 100%;\n direction: ltr;\n }\n vaadin-text-field[readonly] > input:placeholder-shown {\n opacity: 1;\n }\n vaadin-text-field::part(input-field)::after {\n border: none;\n }\n\n vaadin-text-field[label-type="floating"]:not([focused])[readonly] input:placeholder-shown {\n opacity: 0;\n }\n vaadin-text-field[label-type="floating"]:not([focused])[disabled] input:placeholder-shown {\n opacity: 0;\n }\n\n ${(0,d.$J)("vaadin-text-field")}\n ${(0,d.Kl)()}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:c}))},18330:(t,e,i)=>{i.d(e,{f:()=>r});var n=i(44099);class r extends n.r{constructor(t,e){super(t,"input","input",{initializer:(t,i)=>{i.value&&(t.value=i.value),i.type&&t.setAttribute("type",i.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},21374:(t,e,i)=>{i.r(e),i.d(e,{TextFieldClass:()=>n.w,componentName:()=>n.T}),i(11284),i(37182),i(95260);var n=i(79275);customElements.define(n.T,n.w)},27136:(t,e,i)=>{i.d(e,{A:()=>h}),i(86689);var n=i(13256),r=i(82901),o=i(90676),a=i(81488),l=i(86314),s=i(87550),d=i(18330),p=i(37436),u=i(37720);const c=t=>class extends((0,p.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 d.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,s.SF)("vaadin-text-field",l.k,{moduleId:"vaadin-text-field-styles"});class h extends(c((0,s.cp)((0,o.q)(n.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return n.qy`
2
+ "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4043,4838,8657],{9035:(t,e,i)=>{i.d(e,{A:()=>h,T:()=>d});var n=i(25964),r=i(3393),o=i(97810),a=i(92259),l=i(10473),s=i(23530);const d=(0,o.xE)("phone-field-internal-input-box"),p=["disabled","size","readonly","phone-input-placeholder","name","maxlength","autocomplete","label-type"],u={"phone-input-placeholder":"placeholder"},c=(0,r.y)({componentName:d,baseSelector:"div"}),h=class extends c{static get observedAttributes(){return[].concat(c.observedAttributes||[],p)}#t;constructor(){super(),this.innerHTML='\n <div>\n <descope-text-field tabindex="1" type="tel" bordered="false"></descope-text-field>\n </div>\n ',this.textField=this.querySelector("descope-text-field")}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get defaultDialCode(){return(0,a.Q)(this.getAttribute("default-code"))}get defaultCode(){return this.getAttribute("default-code")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}get restrictCountries(){return this.getAttribute("restrict-countries")?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){if(!this.textField.value)return"";if(!this.isStrictValidation)return this.#e();const t=this.#i();return t?.country&&t?.countryCallingCode&&t?.nationalNumber?`+${[t?.countryCallingCode,t?.nationalNumber].join("-")}`:this.textField.value}set value(t){this.textField.value=t}init(){this.addEventListener("focus",t=>{t.isTrusted&&this.textField.focus()}),super.init?.(),this.textField.addEventListener("input",this.#n.bind(this)),this.handleFocusEventsDispatching([this.textField]),(0,n.EA)(this.textField,this,{includeAttrs:["has-value"]})}getValidity(){const t=/^\+?\d{1,4}-?(?:\d-?){1,15}$/,e=this.#r(this.textField.value||"");if(this.isRequired&&!this.textField.value)return{valueMissing:!0};if(this.textField.value){if(e.length<this.minLength)return{tooShort:!0};if(this.isStrictValidation&&this.textField.value&&!this.#o()||!this.isStrictValidation&&this.textField.value&&!t.test(this.value))return{patternMismatch:!0}}return{}}setSelectionRange(...t){this.textField.setSelectionRange(...t)}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback(t,e,i),e!==i&&p.includes(t)){const e=u[t]||t;this.textField.setAttribute(e,i)}}#n(t){let e=this.#a(t.target.value);this.isFormatValue&&this.#l(e)&&(e=this.#s(e)),t.target.value=e}#e(){if(!this.defaultDialCode)return this.textField.value;const t=this.#d(this.textField.value),e=this.#r(t);return[this.defaultDialCode,e].join("-")}#i(){return this.defaultDialCode?(0,l.l)([this.defaultDialCode,this.#r(this.textField.value)].filter(Boolean).join("")):(0,l.l)(this.textField.value)}#r(t){return t.replace(/\D/g,"")}#d(t){if("+"===this.textField.value?.[0]){const e=new RegExp(`^\\${this.defaultDialCode}`);return t.replace(e,"")}return t}#o(){const t=(0,l.l)(this.value);return!(!t||!t.isValid?.()||!t.country||!this.#p(t.country)||this.defaultCode&&this.defaultCode!==t.country)}#p(t){return!this.restrictCountries.length||this.restrictCountries.includes(t)}#a(t){if(t=t.replace(/^-+/,"").replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+"),!this.allowAlphanumericInput){const e=/^[+\d-\(\)]+$/;t=t.split("").filter(t=>e.test(t)).join("")}return t}#s(t=""){const e=this.defaultCode||this.#u(t);return e?(this.#t&&this.#t.country===e||(this.#t=new s.Q(e)),this.#t.reset(),this.#t.input(t)||t):t}#u(t){const e=(0,l.l)(t);return e?.country||""}#l(t){return!!(0,a.W)(t)}}},11284:(t,e,i)=>{i(52733),i(27136)},16306:(t,e,i)=>{i.d(e,{TQ:()=>c,Ul:()=>F});var n=i(9035),r=i(97810),o=i(9696),a=i(79365),l=i(79275),s=i(51680),d=i(73551),p=i(25964);const u=l.w.cssVarList,c=(0,r.xE)("phone-input-box-field"),{host:h,label:g,inputElement:f,requiredIndicator:m,inputField:y,internalComponent:b,internalComponentAfter:v,phoneInput:x,errorMessage:C,helperText:w}={host:{selector:()=>":host"},label:{selector:"::part(label)"},placeholder:{selector:"> input:placeholder-shown"},inputElement:{selector:"input"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:()=>"vaadin-text-field::part(input-field)"},internalComponent:{selector:"descope-phone-field-internal-input-box"},internalComponentAfter:{selector:"descope-phone-field-internal-input-box::after"},phoneInput:{selector:()=>"descope-text-field"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},F=(0,o.Zz)((0,a.RF)({mappings:{fontSize:[h,y,{selector:l.w.componentName,property:l.w.cssVarList.fontSize}],fontFamily:[g,C,w],hostWidth:{...h,property:"width"},hostMinWidth:{...h,property:"min-width"},hostDirection:{...h,property:"direction"},inputHorizontalPadding:[{...x,property:"padding-left"},{...x,property:"padding-right"}],labelFontSize:{...g,property:"font-size"},labelFontWeight:{...g,property:"font-weight"},labelTextColor:[{...g,property:"color"},{...g,property:"-webkit-text-fill-color"},{...m,property:"color"}],labelRequiredIndicator:{...m,property:"content"},errorMessageTextColor:{...C,property:"color"},errorMessageIcon:{...C,property:"background-image"},errorMessageIconSize:{...C,property:"background-size"},errorMessageIconPadding:{...C,property:"padding-inline-start"},errorMessageIconRepeat:{...C,property:"background-repeat"},errorMessageIconPosition:{...C,property:"background-position"},errorMessageFontSize:{...C,property:"font-size"},inputValueTextColor:{...x,property:u.inputValueTextColor},inputPlaceholderTextColor:{...x,property:u.inputPlaceholderColor},inputBorderStyle:{...v,property:"border-style"},inputBorderWidth:{...v,property:"border-width"},inputBorderColor:{...v,property:"border-color"},inputBorderRadius:[{...b,property:"border-radius"},{...v,property:"border-radius"}],inputOutlineStyle:{...b,property:"outline-style"},inputOutlineColor:{...b,property:"outline-color"},inputOutlineWidth:{...b,property:"outline-width"},inputOutlineOffset:{...b,property:"outline-offset"},labelPosition:{...g,property:"position"},labelTopPosition:{...g,property:"top"},labelHorizontalPosition:[{...g,property:"left"},{...g,property:"right"}],inputTransformY:{...g,property:"transform"},inputTransition:{...g,property:"transition"},marginInlineStart:{...g,property:"margin-inline-start"},valueInputHeight:{...f,property:"height"},valueInputMarginBottom:{selector:l.w.componentName,property:u.valueInputMarginBottom}}}),a.VO,a.Yg,(0,a.OZ)({proxyProps:["value","selectionStart"]}),t=>class extends t{static get CountryCodes(){return s.A}init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n\t\t\t\t<${n.T}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${n.T}>\n `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(n.T),(0,p.Gh)(this,this.inputElement,{includeAttrs:["has-value"]}),(0,r.EA)(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","minlength","maxlength","default-code","disabled","phone-input-placeholder","label","label-type","allow-alphanumeric-input","restrict-countries","format-value","strict-validation","data-errormessage-type-mismatch"]})}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}})((0,a.tz)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n :host {\n display: inline-flex;\n max-width: 100%;\n box-sizing: border-box;\n }\n ${(0,d.cy)(F.cssVarList)}\n ${(0,d.I4)("vaadin-text-field")}\n ${(0,d.kG)("vaadin-text-field")}\n ${(0,d.X6)()}\n\n vaadin-text-field {\n width: 100%;\n box-sizing: border-box;\n padding: 0;\n }\n vaadin-text-field[focus-ring]::part(input-field) {\n box-shadow: none;\n }\n vaadin-text-field::before {\n height: 0;\n }\n vaadin-text-field::part(input-field) {\n padding: 0;\n background: transparent;\n -webkit-mask-image: none;\n }\n descope-phone-field-internal-input-box {\n -webkit-mask-image: none;\n padding: 0;\n width: 100%;\n }\n descope-phone-field-internal-input-box > div {\n width: 100%;\n }\n descope-phone-field-internal-input-box descope-text-field {\n ${u.inputOutlineWidth}: 0;\n ${u.inputOutlineOffset}: 0;\n }\n descope-phone-field-internal-input-box::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n box-sizing: border-box;\n pointer-events: none;\n }\n descope-text-field {\n flex-grow: 1;\n width: 100%;\n direction: ltr;\n }\n vaadin-text-field[readonly] > input:placeholder-shown {\n opacity: 1;\n }\n vaadin-text-field::part(input-field)::after {\n border: none;\n }\n\n vaadin-text-field[label-type="floating"]:not([focused])[readonly] input:placeholder-shown {\n opacity: 0;\n }\n vaadin-text-field[label-type="floating"]:not([focused])[disabled] input:placeholder-shown {\n opacity: 0;\n }\n\n ${(0,d.$J)("vaadin-text-field")}\n ${(0,d.Kl)()}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:c}))},18330:(t,e,i)=>{i.d(e,{f:()=>r});var n=i(44099);class r extends n.r{constructor(t,e){super(t,"input","input",{initializer:(t,i)=>{i.value&&(t.value=i.value),i.type&&t.setAttribute("type",i.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},21374:(t,e,i)=>{i.r(e),i.d(e,{TextFieldClass:()=>n.w,componentName:()=>n.T}),i(11284),i(37182),i(95260);var n=i(79275);customElements.define(n.T,n.w)},27136:(t,e,i)=>{i.d(e,{A:()=>h}),i(86689);var n=i(13256),r=i(82901),o=i(72562),a=i(81488),l=i(86314),s=i(87550),d=i(18330),p=i(37436),u=i(37720);const c=t=>class extends((0,p.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 d.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,s.SF)("vaadin-text-field",l.k,{moduleId:"vaadin-text-field-styles"});class h extends(c((0,s.cp)((0,o.q)(n.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return n.qy`
3
3
  <style>
4
4
  [part='input-field'] {
5
5
  flex-grow: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@descope/web-components-ui",
3
- "version": "2.2.24",
3
+ "version": "2.2.25",
4
4
  "description": "",
5
5
  "main": "dist/cjs/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
@@ -50,10 +50,10 @@
50
50
  "webpack": "^5.79.0",
51
51
  "webpack-cli": "^6.0.0",
52
52
  "webpack-dev-server": "^5.0.0",
53
- "rollup-replace-plugin": "2.2.24",
54
- "test-drivers": "2.2.24",
55
- "webpack-extract-font-loader": "2.2.24",
56
- "webpack-replace-plugin": "2.2.24"
53
+ "rollup-replace-plugin": "2.2.25",
54
+ "test-drivers": "2.2.25",
55
+ "webpack-extract-font-loader": "2.2.25",
56
+ "webpack-replace-plugin": "2.2.25"
57
57
  },
58
58
  "dependencies": {
59
59
  "@vaadin/checkbox": "24.3.4",
@@ -77,30 +77,30 @@
77
77
  "libphonenumber-js": "^1.11.12",
78
78
  "lodash.debounce": "4.0.8",
79
79
  "lodash.merge": "4.6.2",
80
- "@descope-ui/common": "2.2.24",
81
- "@descope-ui/descope-address-field": "2.2.24",
82
- "@descope-ui/descope-apps-list": "2.2.24",
83
- "@descope-ui/descope-autocomplete-field": "2.2.24",
84
- "@descope-ui/descope-avatar": "2.2.24",
85
- "@descope-ui/descope-badge": "2.2.24",
86
- "@descope-ui/descope-button": "2.2.24",
87
- "@descope-ui/descope-collapsible-container": "2.2.24",
88
- "@descope-ui/descope-combo-box": "2.2.24",
89
- "@descope-ui/descope-enriched-text": "2.2.24",
90
- "@descope-ui/descope-icon": "2.2.24",
91
- "@descope-ui/descope-image": "2.2.24",
92
- "@descope-ui/descope-link": "2.2.24",
93
- "@descope-ui/descope-list": "2.2.24",
94
- "@descope-ui/descope-list-item": "2.2.24",
95
- "@descope-ui/descope-outbound-app-button": "2.2.24",
96
- "@descope-ui/descope-outbound-apps": "2.2.24",
97
- "@descope-ui/descope-password-strength": "2.2.24",
98
- "@descope-ui/descope-recovery-codes": "2.2.24",
99
- "@descope-ui/descope-text": "2.2.24",
100
- "@descope-ui/descope-timer": "2.2.24",
101
- "@descope-ui/descope-timer-button": "2.2.24",
102
- "@descope-ui/descope-trusted-devices": "2.2.24",
103
- "@descope-ui/descope-tooltip": "2.2.24"
80
+ "@descope-ui/common": "2.2.25",
81
+ "@descope-ui/descope-address-field": "2.2.25",
82
+ "@descope-ui/descope-apps-list": "2.2.25",
83
+ "@descope-ui/descope-autocomplete-field": "2.2.25",
84
+ "@descope-ui/descope-avatar": "2.2.25",
85
+ "@descope-ui/descope-badge": "2.2.25",
86
+ "@descope-ui/descope-button": "2.2.25",
87
+ "@descope-ui/descope-collapsible-container": "2.2.25",
88
+ "@descope-ui/descope-combo-box": "2.2.25",
89
+ "@descope-ui/descope-enriched-text": "2.2.25",
90
+ "@descope-ui/descope-icon": "2.2.25",
91
+ "@descope-ui/descope-image": "2.2.25",
92
+ "@descope-ui/descope-link": "2.2.25",
93
+ "@descope-ui/descope-list": "2.2.25",
94
+ "@descope-ui/descope-list-item": "2.2.25",
95
+ "@descope-ui/descope-outbound-app-button": "2.2.25",
96
+ "@descope-ui/descope-outbound-apps": "2.2.25",
97
+ "@descope-ui/descope-password-strength": "2.2.25",
98
+ "@descope-ui/descope-recovery-codes": "2.2.25",
99
+ "@descope-ui/descope-text": "2.2.25",
100
+ "@descope-ui/descope-timer": "2.2.25",
101
+ "@descope-ui/descope-timer-button": "2.2.25",
102
+ "@descope-ui/descope-trusted-devices": "2.2.25",
103
+ "@descope-ui/descope-tooltip": "2.2.25"
104
104
  },
105
105
  "overrides": {
106
106
  "@vaadin/avatar": "24.3.4",
package/dist/umd/1519.js DELETED
@@ -1,203 +0,0 @@
1
- /*! For license information please see 1519.js.LICENSE.txt */
2
- "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1519],{11284:(e,t,o)=>{o(52733),o(27136)},27136:(e,t,o)=>{o.d(t,{A:()=>_}),o(86689);var s=o(13256),i=o(82901),n=o(90676),r=o(81488),a=o(86314),l=o(87550),d=o(18330),h=o(37436),c=o(37720);const u=e=>class extends((0,h.a)(e)){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 d.f(this,e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e})),this.addController(new c.q(this.inputElement,this._labelController))}};(0,l.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class _ extends(u((0,l.cp)((0,n.q)(s.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return s.qy`
3
- <style>
4
- [part='input-field'] {
5
- flex-grow: 0;
6
- }
7
- </style>
8
-
9
- <div class="vaadin-field-container">
10
- <div part="label">
11
- <slot name="label"></slot>
12
- <span part="required-indicator" aria-hidden="true" on-click="focus"></span>
13
- </div>
14
-
15
- <vaadin-input-container
16
- part="input-field"
17
- readonly="[[readonly]]"
18
- disabled="[[disabled]]"
19
- invalid="[[invalid]]"
20
- theme$="[[_theme]]"
21
- >
22
- <slot name="prefix" slot="prefix"></slot>
23
- <slot name="input"></slot>
24
- <slot name="suffix" slot="suffix"></slot>
25
- <div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
26
- </vaadin-input-container>
27
-
28
- <div part="helper-text">
29
- <slot name="helper"></slot>
30
- </div>
31
-
32
- <div part="error-message">
33
- <slot name="error-message"></slot>
34
- </div>
35
- </div>
36
- <slot name="tooltip"></slot>
37
- `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new r.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,i.X)(_)},37436:(e,t,o)=>{o.d(t,{a:()=>i});var s=o(44218);const i=e=>class extends((0,s.R)(e)){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(e){this.__dataValue=e}_inputElementChanged(e){super._inputElementChanged(e),e&&(e.value&&e.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),e.value=""),this.value&&(e.value=this.value))}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this.validate()}_onInput(e){super._onInput(e),this.invalid&&this.validate()}_valueChanged(e,t){super._valueChanged(e,t),void 0!==t&&this.invalid&&this.validate()}}},45992:(e,t,o)=>{var s=o(51450);let i=!1;function n(){let e=document.activeElement||document.body;for(;e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;return e}function r(){return i}function a(e,t){const o=Math.max(e.tabIndex,0),s=Math.max(t.tabIndex,0);return 0===o||0===s?s>o:o>s}function l(e){const t=e.length;if(t<2)return e;const o=Math.ceil(t/2);return function(e,t){const o=[];for(;e.length>0&&t.length>0;)a(e[0],t[0])?o.push(t.shift()):o.push(e.shift());return o.concat(e,t)}(l(e.slice(0,o)),l(e.slice(o)))}function d(e){return e.getRootNode().activeElement===e}function h(e,t){if(e.nodeType!==Node.ELEMENT_NODE||function(e){const t=e.style;if("hidden"===t.visibility||"none"===t.display)return!0;const o=window.getComputedStyle(e);return"hidden"===o.visibility||"none"===o.display}(e))return!1;const o=e,s=function(e){if(!function(e){return!e.matches('[tabindex="-1"]')&&(e.matches("input, select, textarea, button, object")?e.matches(":not([disabled])"):e.matches("a[href], area[href], iframe, [tabindex], [contentEditable]"))}(e))return-1;const t=e.getAttribute("tabindex")||0;return Number(t)}(o);let i=s>0;s>=0&&t.push(o);let n=[];return n="slot"===o.localName?o.assignedNodes({flatten:!0}):(o.shadowRoot||o).children,[...n].forEach(e=>{i=h(e,t)||i}),i}function c(e){const t=[];return h(e,t)?l(t):t}function u(e,t="24.5.12"){Object.defineProperty(e,"version",{get:()=>t});const o=customElements.get(e.is);if(o){const t=o.version;t&&e.version&&t===e.version?console.warn(`The component ${e.is} has been loaded twice`):console.error(`Tried to define ${e.is} version ${e.version} when version ${o.version} is already in use. Something will probably break.`)}else customElements.define(e.is,e)}window.addEventListener("keydown",()=>{i=!0},{capture:!0}),window.addEventListener("mousedown",()=>{i=!1},{capture:!0});const _=[];function p(e,t,o=e.getAttribute("dir")){t?e.setAttribute("dir",t):null!=o&&e.removeAttribute("dir")}function v(){return document.documentElement.getAttribute("dir")}new MutationObserver(function(){const e=v();_.forEach(t=>{p(t,e)})}).observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});const g=e=>class extends e{static get properties(){return{dir:{type:String,value:"",reflectToAttribute:!0,converter:{fromAttribute:e=>e||"",toAttribute:e=>""===e?null:e}}}}get __isRTL(){return"rtl"===this.getAttribute("dir")}connectedCallback(){super.connectedCallback(),this.hasAttribute("dir")&&!this.__restoreSubscription||(this.__subscribe(),p(this,v(),null))}attributeChangedCallback(e,t,o){if(super.attributeChangedCallback(e,t,o),"dir"!==e)return;const s=v(),i=o===s&&-1===_.indexOf(this),n=!o&&t&&-1===_.indexOf(this),r=o!==s&&t===s;i||n?(this.__subscribe(),p(this,s,o)):r&&this.__unsubscribe()}disconnectedCallback(){super.disconnectedCallback(),this.__restoreSubscription=_.includes(this),this.__unsubscribe()}_valueToNodeAttribute(e,t,o){("dir"!==o||""!==t||e.hasAttribute("dir"))&&super._valueToNodeAttribute(e,t,o)}_attributeToProperty(e,t,o){"dir"!==e||t?super._attributeToProperty(e,t,o):this.dir=""}__subscribe(){_.includes(this)||_.push(this)}__unsubscribe(){_.includes(this)&&_.splice(_.indexOf(this),1)}},m=new WeakMap,y={},f=/([A-Z])/gu;function b(e){return y[e]||(y[e]=e.replace(f,"-$1").toLowerCase()),y[e]}function w(e){return e[0].toUpperCase()+e.substring(1)}function C(e){const[t,o]=e.split("(");return{method:t,observerProps:o.replace(")","").split(",").map(e=>e.trim())}}function E(e,t){return Object.prototype.hasOwnProperty.call(e,t)||(e[t]=new Map(e[t])),e[t]}const T=(M=e=>class extends e{static createProperty(e,t){[String,Boolean,Number,Array].includes(t)&&(t={type:t}),t.reflectToAttribute&&(t.reflect=!0),super.createProperty(e,t)}static getOrCreateMap(e){return E(this,e)}static finalize(){if(super.finalize(),Array.isArray(this.observers)){const e=this.getOrCreateMap("__complexObservers");this.observers.forEach(t=>{const{method:o,observerProps:s}=C(t);e.set(o,s)})}}static addCheckedInitializer(e){super.addInitializer(t=>{t instanceof this&&e(t)})}static getPropertyDescriptor(e,t,o){const s=super.getPropertyDescriptor(e,t,o);let i=s;if(this.getOrCreateMap("__propKeys").set(e,t),o.sync&&(i={get:s.get,set(s){const i=this[e];this[t]=s,this.requestUpdate(e,i,o),this.hasUpdated&&this.performUpdate()},configurable:!0,enumerable:!0}),o.readOnly){const t=s.set;this.addCheckedInitializer(s=>{s[`_set${w(e)}`]=function(e){t.call(s,e),o.sync&&this.performUpdate()}}),i={get:s.get,set(){},configurable:!0,enumerable:!0}}if("value"in o&&this.addCheckedInitializer(t=>{const s="function"==typeof o.value?o.value.call(t):o.value;o.readOnly?t[`_set${w(e)}`](s):t[e]=s}),o.observer){const t=o.observer;this.getOrCreateMap("__observers").set(e,t),this.addCheckedInitializer(e=>{e[t]||console.warn(`observer method ${t} not defined`)})}if(o.notify){if(this.__notifyProps){if(!this.hasOwnProperty("__notifyProps")){const e=this.__notifyProps;this.__notifyProps=new Set(e)}}else this.__notifyProps=new Set;this.__notifyProps.add(e)}if(o.computed){const t=`__assignComputed${e}`,s=C(o.computed);this.prototype[t]=function(...t){this[e]=this[s.method](...t)},this.getOrCreateMap("__complexObservers").set(t,s.observerProps)}return o.attribute||(o.attribute=b(e)),i}firstUpdated(){super.firstUpdated(),this.$||(this.$={}),this.renderRoot.querySelectorAll("[id]").forEach(e=>{this.$[e.id]=e})}ready(){}updated(e){this.constructor.__observers&&this.__runObservers(e,this.constructor.__observers),this.constructor.__complexObservers&&this.__runComplexObservers(e,this.constructor.__complexObservers),this.__dynamicObservers&&this.__runComplexObservers(e,this.__dynamicObservers),this.constructor.__notifyProps&&this.__runNotifyProps(e,this.constructor.__notifyProps),this.__isReadyInvoked||(this.__isReadyInvoked=!0,this.ready())}setProperties(e){Object.entries(e).forEach(([e,t])=>{const o=this.constructor.__propKeys.get(e),s=this[o];this[o]=t,this.requestUpdate(e,s)}),this.hasUpdated&&this.performUpdate()}_createMethodObserver(e){const t=E(this,"__dynamicObservers"),{method:o,observerProps:s}=C(e);t.set(o,s)}__runComplexObservers(e,t){t.forEach((t,o)=>{t.some(t=>e.has(t))&&(this[o]?this[o](...t.map(e=>this[e])):console.warn(`observer method ${o} not defined`))})}__runObservers(e,t){e.forEach((e,o)=>{const s=t.get(o);void 0!==s&&this[s]&&this[s](this[o],e)})}__runNotifyProps(e,t){e.forEach((e,o)=>{t.has(o)&&this.dispatchEvent(new CustomEvent(`${b(o)}-changed`,{detail:{value:this[o]}}))})}_get(e,t){return function(e,t){return e.split(".").reduce((e,t)=>e?e[t]:void 0,t)}(e,t)}_set(e,t,o){!function(e,t,o){const s=e.split("."),i=s.pop();s.reduce((e,t)=>e[t],o)[i]=t}(e,t,o)}},e=>{if(function(e,t){let o=t;for(;o;){if(m.get(o)===e)return!0;o=Object.getPrototypeOf(o)}return!1}(M,e))return e;const t=M(e);return m.set(t,M),t}),O=s.AH`
38
- :host {
39
- z-index: 200;
40
- position: fixed;
41
-
42
- /* Despite of what the names say, <vaadin-overlay> is just a container
43
- for position/sizing/alignment. The actual overlay is the overlay part. */
44
-
45
- /* Default position constraints: the entire viewport. Note: themes can
46
- override this to introduce gaps between the overlay and the viewport. */
47
- inset: 0;
48
- bottom: var(--vaadin-overlay-viewport-bottom);
49
-
50
- /* Use flexbox alignment for the overlay part. */
51
- display: flex;
52
- flex-direction: column; /* makes dropdowns sizing easier */
53
- /* Align to center by default. */
54
- align-items: center;
55
- justify-content: center;
56
-
57
- /* Allow centering when max-width/max-height applies. */
58
- margin: auto;
59
-
60
- /* The host is not clickable, only the overlay part is. */
61
- pointer-events: none;
62
-
63
- /* Remove tap highlight on touch devices. */
64
- -webkit-tap-highlight-color: transparent;
65
-
66
- /* CSS API for host */
67
- --vaadin-overlay-viewport-bottom: 0;
68
- }
69
-
70
- :host([hidden]),
71
- :host(:not([opened]):not([closing])),
72
- :host(:not([opened]):not([closing])) [part='overlay'] {
73
- display: none !important;
74
- }
75
-
76
- [part='overlay'] {
77
- -webkit-overflow-scrolling: touch;
78
- overflow: auto;
79
- pointer-events: auto;
80
-
81
- /* Prevent overflowing the host */
82
- max-width: 100%;
83
- box-sizing: border-box;
84
-
85
- -webkit-tap-highlight-color: initial; /* reenable tap highlight inside */
86
- }
87
-
88
- [part='backdrop'] {
89
- z-index: -1;
90
- content: '';
91
- background: rgba(0, 0, 0, 0.5);
92
- position: fixed;
93
- inset: 0;
94
- pointer-events: auto;
95
- }
96
- `,k=e=>class extends e{static get properties(){return{_theme:{type:String,readOnly:!0}}}static get observedAttributes(){return[...super.observedAttributes,"theme"]}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"theme"===e&&this._set_theme(o)}},A=[],x=new Set,L=new Set;var M;function P(){return window.Vaadin&&window.Vaadin.styleModules?window.Vaadin.styleModules.getAllThemes():A}function S(e=""){let t=0;return e.startsWith("lumo-")||e.startsWith("material-")?t=1:e.startsWith("vaadin-")&&(t=2),t}function $(e){const t=[];return e.include&&[].concat(e.include).forEach(e=>{const o=P().find(t=>t.moduleId===e);o?t.push(...$(o),...o.styles):console.warn(`Included moduleId ${e} not found in style registry`)},e.styles),t}function D(e){const t=`${e}-default-theme`,o=P().filter(o=>o.moduleId!==t&&function(e,t){return(e||"").split(" ").some(e=>new RegExp(`^${e.split("*").join(".*")}$`,"u").test(t))}(o.themeFor,e)).map(e=>({...e,styles:[...$(e),...e.styles],includePriority:S(e.moduleId)})).sort((e,t)=>t.includePriority-e.includePriority);return o.length>0?o:P().filter(e=>e.moduleId===t)}const I=e=>class extends(k(e)){constructor(){super(),x.add(new WeakRef(this))}static finalize(){if(super.finalize(),this.is&&L.add(this.is),this.elementStyles)return;const e=this.prototype._template;var t;e&&(!(t=this)||!Object.prototype.hasOwnProperty.call(t,"__themes"))&&function(e,t){const o=document.createElement("style");o.id="vaadin-themable-mixin-style",o.textContent=function(e){return e.map(e=>e.cssText).join("\n")}(e),t.content.appendChild(o)}(this.getStylesForThis(),e)}static finalizeStyles(e){const t=this.getStylesForThis();return e?[...[e].flat(1/0),...t]:t}static getStylesForThis(){const t=e.__themes||[],o=Object.getPrototypeOf(this.prototype),s=(o?o.constructor.__themes:[])||[];this.__themes=[...t,...s,...D(this.is)];const i=this.__themes.flatMap(e=>e.styles);return i.filter((e,t)=>t===i.lastIndexOf(e))}};var N=o(72821);const F=e=>e.test(navigator.userAgent),R=e=>e.test(navigator.platform);F(/Android/u),F(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),F(/Firefox/u);const z=R(/^iPad/u)||R(/^Mac/u)&&navigator.maxTouchPoints>1,B=R(/^iPhone/u)||z;F(/^((?!chrome|android).)*safari/iu),(()=>{try{return document.createEvent("TouchEvent"),!0}catch(e){return!1}})();let V=new WeakMap,H=new WeakMap,U={},W=0;const q=e=>e&&e.nodeType===Node.ELEMENT_NODE,j=(...e)=>{console.error(`Error: ${e.join(" ")}. Skip setting aria-hidden.`)},G=(e,t=document.body,o="data-aria-hidden")=>{const s=Array.from(Array.isArray(e)?e:[e]);return t&&s.push(...Array.from(t.querySelectorAll("[aria-live]"))),((e,t,o,s)=>{const i=((e,t)=>q(e)?t.map(t=>{if(!q(t))return j(t,"is not a valid element"),null;let o=t;for(;o&&o!==e;){if(e.contains(o))return t;o=o.getRootNode().host}return j(t,"is not contained inside",e),null}).filter(e=>Boolean(e)):(j(e,"is not a valid element"),[]))(t,Array.isArray(e)?e:[e]);U[o]||(U[o]=new WeakMap);const n=U[o],r=[],a=new Set,l=new Set(i),d=e=>{if(!e||a.has(e))return;a.add(e);const t=e.assignedSlot;t&&d(t),d(e.parentNode||e.host)};i.forEach(d);const h=e=>{if(!e||l.has(e))return;const t=e.shadowRoot;(t?[...e.children,...t.children]:[...e.children]).forEach(e=>{if(!["template","script","style"].includes(e.localName))if(a.has(e))h(e);else{const t=e.getAttribute(s),i=null!==t&&"false"!==t,a=(V.get(e)||0)+1,l=(n.get(e)||0)+1;V.set(e,a),n.set(e,l),r.push(e),1===a&&i&&H.set(e,!0),1===l&&e.setAttribute(o,"true"),i||e.setAttribute(s,"true")}})};return h(t),a.clear(),W+=1,()=>{r.forEach(e=>{const t=V.get(e)-1,i=n.get(e)-1;V.set(e,t),n.set(e,i),t||(H.has(e)?H.delete(e):e.removeAttribute(s)),i||e.removeAttribute(o)}),W-=1,W||(V=new WeakMap,V=new WeakMap,H=new WeakMap,U={})}})(s,t,o,"aria-hidden")};HTMLElement.prototype;class K{constructor(e,t){this.host=e,this.callback="function"==typeof t?t:()=>e}showModal(){const e=this.callback();this.__showOthers=G(e)}close(){this.__showOthers&&(this.__showOthers(),this.__showOthers=null)}}class X{saveFocus(e){this.focusNode=e||n()}restoreFocus(e){const t=this.focusNode;if(!t)return;const o=!!e&&e.preventScroll;n()===document.body?setTimeout(()=>t.focus({preventScroll:o})):t.focus({preventScroll:o}),this.focusNode=null}}const Y=[];class Z{constructor(e){this.host=e,this.__trapNode=null,this.__onKeyDown=this.__onKeyDown.bind(this)}get __focusableElements(){return c(this.__trapNode)}get __focusedElementIndex(){const e=this.__focusableElements;return e.indexOf(e.filter(d).pop())}hostConnected(){document.addEventListener("keydown",this.__onKeyDown)}hostDisconnected(){document.removeEventListener("keydown",this.__onKeyDown)}trapFocus(e){if(this.__trapNode=e,0===this.__focusableElements.length)throw this.__trapNode=null,new Error("The trap node should have at least one focusable descendant or be focusable itself.");Y.push(this),-1===this.__focusedElementIndex&&this.__focusableElements[0].focus()}releaseFocus(){this.__trapNode=null,Y.pop()}__onKeyDown(e){if(this.__trapNode&&this===Array.from(Y).pop()&&"Tab"===e.key){e.preventDefault();const t=e.shiftKey;this.__focusNextElement(t)}}__focusNextElement(e=!1){const t=this.__focusableElements,o=e?-1:1,s=this.__focusedElementIndex,i=t[(t.length+s+o)%t.length];i.focus(),"input"===i.localName&&i.select()}}const J=(0,o(98741).y)(e=>"function"==typeof e.prototype.addController?e:class extends e{constructor(){super(),this.__controllers=new Set}connectedCallback(){super.connectedCallback(),this.__controllers.forEach(e=>{e.hostConnected&&e.hostConnected()})}disconnectedCallback(){super.disconnectedCallback(),this.__controllers.forEach(e=>{e.hostDisconnected&&e.hostDisconnected()})}addController(e){this.__controllers.add(e),void 0!==this.$&&this.isConnected&&e.hostConnected&&e.hostConnected()}removeController(e){this.__controllers.delete(e)}}),Q=e=>class extends(J(e)){static get properties(){return{focusTrap:{type:Boolean,value:!1},restoreFocusOnClose:{type:Boolean,value:!1},restoreFocusNode:{type:HTMLElement}}}constructor(){super(),this.__ariaModalController=new K(this),this.__focusTrapController=new Z(this),this.__focusRestorationController=new X}ready(){super.ready(),this.addController(this.__ariaModalController),this.addController(this.__focusTrapController),this.addController(this.__focusRestorationController)}_resetFocus(){if(this.focusTrap&&(this.__ariaModalController.close(),this.__focusTrapController.releaseFocus()),this.restoreFocusOnClose&&this._shouldRestoreFocus()){const e=!r();this.__focusRestorationController.restoreFocus({preventScroll:e})}}_saveFocus(){this.restoreFocusOnClose&&this.__focusRestorationController.saveFocus(this.restoreFocusNode)}_trapFocus(){this.focusTrap&&(this.__ariaModalController.showModal(),this.__focusTrapController.trapFocus(this.$.overlay))}_shouldRestoreFocus(){const e=n();return e===document.body||this._deepContains(e)}_deepContains(e){if(this.contains(e))return!0;let t=e;const o=e.ownerDocument;for(;t&&t!==o&&t!==this;)t=t.parentNode||t.host;return t===this}},ee=()=>Array.from(document.body.children).filter(e=>e instanceof HTMLElement&&e._hasOverlayStackMixin&&!e.hasAttribute("closing")).sort((e,t)=>e.__zIndex-t.__zIndex||0),te=()=>ee().filter(e=>e.$.overlay),oe=e=>e===te().pop(),se=e=>class extends e{constructor(){super(),this._hasOverlayStackMixin=!0}get _last(){return oe(this)}bringToFront(){let e="";const t=ee().filter(e=>e!==this).pop();t&&(e=t.__zIndex+1),this.style.zIndex=e,this.__zIndex=e||parseFloat(getComputedStyle(this).zIndex)}_enterModalState(){"none"!==document.body.style.pointerEvents&&(this._previousDocumentPointerEvents=document.body.style.pointerEvents,document.body.style.pointerEvents="none"),te().forEach(e=>{e!==this&&(e.$.overlay.style.pointerEvents="none")})}_exitModalState(){void 0!==this._previousDocumentPointerEvents&&(document.body.style.pointerEvents=this._previousDocumentPointerEvents,delete this._previousDocumentPointerEvents);const e=te();let t;for(;(t=e.pop())&&(t===this||(t.$.overlay.style.removeProperty("pointer-events"),t.modeless)););}},ie=e=>class extends(Q(se(e))){static get properties(){return{opened:{type:Boolean,notify:!0,observer:"_openedChanged",reflectToAttribute:!0},owner:{type:Object},model:{type:Object},renderer:{type:Object},modeless:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_modelessChanged"},hidden:{type:Boolean,reflectToAttribute:!0,observer:"_hiddenChanged"},withBackdrop:{type:Boolean,value:!1,reflectToAttribute:!0}}}static get observers(){return["_rendererOrDataChanged(renderer, owner, model, opened)"]}constructor(){super(),this._boundMouseDownListener=this._mouseDownListener.bind(this),this._boundMouseUpListener=this._mouseUpListener.bind(this),this._boundOutsideClickListener=this._outsideClickListener.bind(this),this._boundKeydownListener=this._keydownListener.bind(this),B&&(this._boundIosResizeListener=()=>this._detectIosNavbar())}ready(){super.ready(),this.addEventListener("click",()=>{}),this.$.backdrop.addEventListener("click",()=>{}),this.addEventListener("mouseup",()=>{document.activeElement===document.body&&"0"===this.$.overlay.getAttribute("tabindex")&&this.$.overlay.focus()})}connectedCallback(){super.connectedCallback(),this._boundIosResizeListener&&(this._detectIosNavbar(),window.addEventListener("resize",this._boundIosResizeListener))}disconnectedCallback(){super.disconnectedCallback(),this._boundIosResizeListener&&window.removeEventListener("resize",this._boundIosResizeListener)}requestContentUpdate(){this.renderer&&this.renderer.call(this.owner,this,this.owner,this.model)}close(e){const t=new CustomEvent("vaadin-overlay-close",{bubbles:!0,cancelable:!0,detail:{sourceEvent:e}});this.dispatchEvent(t),t.defaultPrevented||(this.opened=!1)}_detectIosNavbar(){if(!this.opened)return;const e=window.innerHeight,t=window.innerWidth>e,o=document.documentElement.clientHeight;t&&o>e?this.style.setProperty("--vaadin-overlay-viewport-bottom",o-e+"px"):this.style.setProperty("--vaadin-overlay-viewport-bottom","0")}_addGlobalListeners(){document.addEventListener("mousedown",this._boundMouseDownListener),document.addEventListener("mouseup",this._boundMouseUpListener),document.documentElement.addEventListener("click",this._boundOutsideClickListener,!0)}_removeGlobalListeners(){document.removeEventListener("mousedown",this._boundMouseDownListener),document.removeEventListener("mouseup",this._boundMouseUpListener),document.documentElement.removeEventListener("click",this._boundOutsideClickListener,!0)}_rendererOrDataChanged(e,t,o,s){const i=this._oldOwner!==t||this._oldModel!==o;this._oldModel=o,this._oldOwner=t;const n=this._oldRenderer!==e,r=void 0!==this._oldRenderer;this._oldRenderer=e;const a=this._oldOpened!==s;this._oldOpened=s,n&&r&&(this.innerHTML="",delete this._$litPart$),s&&e&&(n||a||i)&&this.requestContentUpdate()}_modelessChanged(e){e?(this._removeGlobalListeners(),this._exitModalState()):this.opened&&(this._addGlobalListeners(),this._enterModalState())}_openedChanged(e,t){e?(this._saveFocus(),this._animatedOpening(),(0,N.m)(this,()=>{this._trapFocus();const e=new CustomEvent("vaadin-overlay-open",{bubbles:!0});this.dispatchEvent(e)}),document.addEventListener("keydown",this._boundKeydownListener),this.modeless||this._addGlobalListeners()):t&&(this._resetFocus(),this._animatedClosing(),document.removeEventListener("keydown",this._boundKeydownListener),this.modeless||this._removeGlobalListeners())}_hiddenChanged(e){e&&this.hasAttribute("closing")&&this._flushAnimation("closing")}_shouldAnimate(){const e=getComputedStyle(this),t=e.getPropertyValue("animation-name");return!("none"===e.getPropertyValue("display"))&&t&&"none"!==t}_enqueueAnimation(e,t){const o=`__${e}Handler`,s=e=>{e&&e.target!==this||(t(),this.removeEventListener("animationend",s),delete this[o])};this[o]=s,this.addEventListener("animationend",s)}_flushAnimation(e){const t=`__${e}Handler`;"function"==typeof this[t]&&this[t]()}_animatedOpening(){this.parentNode===document.body&&this.hasAttribute("closing")&&this._flushAnimation("closing"),this._attachOverlay(),this.modeless||this._enterModalState(),this.setAttribute("opening",""),this._shouldAnimate()?this._enqueueAnimation("opening",()=>{this._finishOpening()}):this._finishOpening()}_attachOverlay(){this._placeholder=document.createComment("vaadin-overlay-placeholder"),this.parentNode.insertBefore(this._placeholder,this),document.body.appendChild(this),this.bringToFront()}_finishOpening(){this.removeAttribute("opening")}_finishClosing(){this._detachOverlay(),this.$.overlay.style.removeProperty("pointer-events"),this.removeAttribute("closing"),this.dispatchEvent(new CustomEvent("vaadin-overlay-closed"))}_animatedClosing(){this.hasAttribute("opening")&&this._flushAnimation("opening"),this._placeholder&&(this._exitModalState(),this.setAttribute("closing",""),this.dispatchEvent(new CustomEvent("vaadin-overlay-closing")),this._shouldAnimate()?this._enqueueAnimation("closing",()=>{this._finishClosing()}):this._finishClosing())}_detachOverlay(){this._placeholder.parentNode.insertBefore(this,this._placeholder),this._placeholder.parentNode.removeChild(this._placeholder)}_mouseDownListener(e){this._mouseDownInside=e.composedPath().indexOf(this.$.overlay)>=0}_mouseUpListener(e){this._mouseUpInside=e.composedPath().indexOf(this.$.overlay)>=0}_shouldCloseOnOutsideClick(e){return this._last}_outsideClickListener(e){if(e.composedPath().includes(this.$.overlay)||this._mouseDownInside||this._mouseUpInside)return this._mouseDownInside=!1,void(this._mouseUpInside=!1);if(!this._shouldCloseOnOutsideClick(e))return;const t=new CustomEvent("vaadin-overlay-outside-click",{bubbles:!0,cancelable:!0,detail:{sourceEvent:e}});this.dispatchEvent(t),this.opened&&!t.defaultPrevented&&this.close(e)}_keydownListener(e){if(this._last&&(!this.modeless||e.composedPath().includes(this.$.overlay))&&"Escape"===e.key){const t=new CustomEvent("vaadin-overlay-escape-press",{bubbles:!0,cancelable:!0,detail:{sourceEvent:e}});this.dispatchEvent(t),this.opened&&!t.defaultPrevented&&this.close(e)}}},ne={start:"top",end:"bottom"},re={start:"left",end:"right"},ae=new ResizeObserver(e=>{setTimeout(()=>{e.forEach(e=>{e.target.__overlay&&e.target.__overlay._updatePosition()})})}),le=e=>class extends e{static get properties(){return{positionTarget:{type:Object,value:null,sync:!0},horizontalAlign:{type:String,value:"start",sync:!0},verticalAlign:{type:String,value:"top",sync:!0},noHorizontalOverlap:{type:Boolean,value:!1,sync:!0},noVerticalOverlap:{type:Boolean,value:!1,sync:!0},requiredVerticalSpace:{type:Number,value:0,sync:!0}}}static get observers(){return["__positionSettingsChanged(horizontalAlign, verticalAlign, noHorizontalOverlap, noVerticalOverlap, requiredVerticalSpace)","__overlayOpenedChanged(opened, positionTarget)"]}constructor(){super(),this.__onScroll=this.__onScroll.bind(this),this._updatePosition=this._updatePosition.bind(this)}connectedCallback(){super.connectedCallback(),this.opened&&this.__addUpdatePositionEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.__removeUpdatePositionEventListeners()}__addUpdatePositionEventListeners(){window.visualViewport.addEventListener("resize",this._updatePosition),window.visualViewport.addEventListener("scroll",this.__onScroll,!0),this.__positionTargetAncestorRootNodes=function(e){const t=[];for(;e;){if(e.nodeType===Node.DOCUMENT_NODE){t.push(e);break}e.nodeType!==Node.DOCUMENT_FRAGMENT_NODE?e=e.assignedSlot?e.assignedSlot:e.parentNode:(t.push(e),e=e.host)}return t}(this.positionTarget),this.__positionTargetAncestorRootNodes.forEach(e=>{e.addEventListener("scroll",this.__onScroll,!0)}),this.positionTarget&&(this.__observePositionTargetMove=function(e,t){let o=null;const s=document.documentElement;function i(){o&&o.disconnect(),o=null}return function n(r=!1,a=1){i();const{left:l,top:d,width:h,height:c}=e.getBoundingClientRect();if(r||t(),!h||!c)return;const u={rootMargin:`${-Math.floor(d)}px ${-Math.floor(s.clientWidth-(l+h))}px ${-Math.floor(s.clientHeight-(d+c))}px ${-Math.floor(l)}px`,threshold:Math.max(0,Math.min(1,a))||1};let _=!0;o=new IntersectionObserver(function(e){let t=e[0].intersectionRatio;if(t!==a){if(!_)return n();0===t&&(t=1e-7),n(!1,t)}_=!1},u),o.observe(e)}(!0),i}(this.positionTarget,()=>{this._updatePosition()}))}__removeUpdatePositionEventListeners(){window.visualViewport.removeEventListener("resize",this._updatePosition),window.visualViewport.removeEventListener("scroll",this.__onScroll,!0),this.__positionTargetAncestorRootNodes&&(this.__positionTargetAncestorRootNodes.forEach(e=>{e.removeEventListener("scroll",this.__onScroll,!0)}),this.__positionTargetAncestorRootNodes=null),this.__observePositionTargetMove&&(this.__observePositionTargetMove(),this.__observePositionTargetMove=null)}__overlayOpenedChanged(e,t){if(this.__removeUpdatePositionEventListeners(),t&&(t.__overlay=null,ae.unobserve(t),e&&(this.__addUpdatePositionEventListeners(),t.__overlay=this,ae.observe(t))),e){const e=getComputedStyle(this);this.__margins||(this.__margins={},["top","bottom","left","right"].forEach(t=>{this.__margins[t]=parseInt(e[t],10)})),this._updatePosition(),requestAnimationFrame(()=>this._updatePosition())}}__positionSettingsChanged(){this._updatePosition()}__onScroll(e){e.target instanceof Node&&this.contains(e.target)||this._updatePosition()}_updatePosition(){if(!this.positionTarget||!this.opened||!this.__margins)return;const e=this.positionTarget.getBoundingClientRect();if(0===e.width&&0===e.height&&this.opened)return void(this.opened=!1);const t=this.__shouldAlignStartVertically(e);this.style.justifyContent=t?"flex-start":"flex-end";const o=this.__isRTL,s=this.__shouldAlignStartHorizontally(e,o),i=!o&&s||o&&!s;this.style.alignItems=i?"flex-start":"flex-end";const n=this.getBoundingClientRect(),r=this.__calculatePositionInOneDimension(e,n,this.noVerticalOverlap,ne,this,t),a=this.__calculatePositionInOneDimension(e,n,this.noHorizontalOverlap,re,this,s);Object.assign(this.style,r,a),this.toggleAttribute("bottom-aligned",!t),this.toggleAttribute("top-aligned",t),this.toggleAttribute("end-aligned",!i),this.toggleAttribute("start-aligned",i)}__shouldAlignStartHorizontally(e,t){const o=Math.max(this.__oldContentWidth||0,this.$.overlay.offsetWidth);this.__oldContentWidth=this.$.overlay.offsetWidth;const s=Math.min(window.innerWidth,document.documentElement.clientWidth),i=!t&&"start"===this.horizontalAlign||t&&"end"===this.horizontalAlign;return this.__shouldAlignStart(e,o,s,this.__margins,i,this.noHorizontalOverlap,re)}__shouldAlignStartVertically(e){const t=this.requiredVerticalSpace||Math.max(this.__oldContentHeight||0,this.$.overlay.offsetHeight);this.__oldContentHeight=this.$.overlay.offsetHeight;const o=Math.min(window.innerHeight,document.documentElement.clientHeight),s="top"===this.verticalAlign;return this.__shouldAlignStart(e,t,o,this.__margins,s,this.noVerticalOverlap,ne)}__shouldAlignStart(e,t,o,s,i,n,r){const a=o-e[n?r.end:r.start]-s[r.end],l=e[n?r.start:r.end]-s[r.start],d=i?a:l;return i===(d>(i?l:a)||d>t)}__adjustBottomProperty(e,t,o){let s;if(e===t.end){if(t.end===ne.end){const e=Math.min(window.innerHeight,document.documentElement.clientHeight);o>e&&this.__oldViewportHeight&&(s=o-(this.__oldViewportHeight-e)),this.__oldViewportHeight=e}if(t.end===re.end){const e=Math.min(window.innerWidth,document.documentElement.clientWidth);o>e&&this.__oldViewportWidth&&(s=o-(this.__oldViewportWidth-e)),this.__oldViewportWidth=e}}return s}__calculatePositionInOneDimension(e,t,o,s,i,n){const r=n?s.start:s.end,a=n?s.end:s.start,l=parseFloat(i.style[r]||getComputedStyle(i)[r]),d=this.__adjustBottomProperty(r,s,l),h=t[n?s.start:s.end]-e[o===n?s.end:s.start],c=d?`${d}px`:`${l+h*(n?-1:1)}px`;return{[r]:c,[a]:""}}},de=e=>class extends(le(ie(e))){static get properties(){return{position:{type:String,reflectToAttribute:!0}}}get _tagNamePrefix(){return"vaadin-popover"}requestContentUpdate(){if(super.requestContentUpdate(),this.positionTarget&&this.owner){const e=getComputedStyle(this.owner);["top","bottom","start","end"].forEach(t=>{this.style.setProperty(`--${this._tagNamePrefix}-offset-${t}`,e.getPropertyValue(`--${this._tagNamePrefix}-offset-${t}`))})}}_updatePosition(){if(super._updatePosition(),this.positionTarget&&this.opened){if(this.removeAttribute("arrow-centered"),"bottom"===this.position||"top"===this.position){const e=this.positionTarget.getBoundingClientRect(),t=this.$.overlay.getBoundingClientRect(),o=e.width/2-t.width/2;if(this.style.left){const e=t.left+o;e>0&&(this.style.left=`${e}px`,this.setAttribute("arrow-centered",""))}if(this.style.right){const e=parseFloat(this.style.right)+o;e>0&&(this.style.right=`${e}px`,this.setAttribute("arrow-centered",""))}}if("start"===this.position||"end"===this.position){const e=this.positionTarget.getBoundingClientRect(),t=this.$.overlay.getBoundingClientRect(),o=e.height/2-t.height/2;this.style.top=`${t.top+o}px`}}}};class he extends(de(g(I(T(s.WF))))){static get is(){return"vaadin-popover-overlay"}static get styles(){return[O,s.AH`
97
- :host {
98
- --_vaadin-popover-content-width: auto;
99
- --_vaadin-popover-content-height: auto;
100
- }
101
-
102
- :host([modeless][with-backdrop]) [part='backdrop'] {
103
- pointer-events: none;
104
- }
105
-
106
- :host([position^='top'][top-aligned]) [part='overlay'],
107
- :host([position^='bottom'][top-aligned]) [part='overlay'] {
108
- margin-top: var(--vaadin-popover-offset-top, 0);
109
- }
110
-
111
- [part='overlay'] {
112
- position: relative;
113
- overflow: visible;
114
- max-height: 100%;
115
- }
116
-
117
- [part='content'] {
118
- overflow: auto;
119
- box-sizing: border-box;
120
- max-height: 100%;
121
- width: var(--_vaadin-popover-content-width);
122
- height: var(--_vaadin-popover-content-height);
123
- }
124
-
125
- /* Increase the area of the popover so the pointer can go from the target directly to it. */
126
- [part='overlay']::before {
127
- position: absolute;
128
- content: '';
129
- inset-block: calc(var(--vaadin-popover-offset-top, 0) * -1) calc(var(--vaadin-popover-offset-bottom, 0) * -1);
130
- inset-inline: calc(var(--vaadin-popover-offset-start, 0) * -1) calc(var(--vaadin-popover-offset-end, 0) * -1);
131
- z-index: -1;
132
- pointer-events: auto;
133
- }
134
-
135
- :host([position^='top'][bottom-aligned]) [part='overlay'],
136
- :host([position^='bottom'][bottom-aligned]) [part='overlay'] {
137
- margin-bottom: var(--vaadin-popover-offset-bottom, 0);
138
- }
139
-
140
- :host([position^='start'][start-aligned]) [part='overlay'],
141
- :host([position^='end'][start-aligned]) [part='overlay'] {
142
- margin-inline-start: var(--vaadin-popover-offset-start, 0);
143
- }
144
-
145
- :host([position^='start'][end-aligned]) [part='overlay'],
146
- :host([position^='end'][end-aligned]) [part='overlay'] {
147
- margin-inline-end: var(--vaadin-popover-offset-end, 0);
148
- }
149
-
150
- [part='arrow'] {
151
- display: none;
152
- position: absolute;
153
- height: 0;
154
- width: 0;
155
- }
156
-
157
- :host([theme~='arrow']) [part='arrow'] {
158
- display: block;
159
- }
160
- `]}render(){return s.qy`
161
- <div id="backdrop" part="backdrop" hidden ?hidden="${!this.withBackdrop}"></div>
162
- <div part="overlay" id="overlay" tabindex="0">
163
- <div part="arrow"></div>
164
- <div part="content" id="content"><slot></slot></div>
165
- </div>
166
- `}_shouldCloseOnOutsideClick(e){return(!this.owner.__hasTrigger("focus")||!d(this))&&super._shouldCloseOnOutsideClick(e)}}u(he);var ce=o(55670);const ue=e=>e??ce.s6;var _e=o(82663),pe=o(68519);let ve=0,ge=0;const me=[];let ye=!1;const fe={run:e=>window.requestIdleCallback?window.requestIdleCallback(e):window.setTimeout(e,16),cancel(e){window.cancelIdleCallback?window.cancelIdleCallback(e):window.clearTimeout(e)}},be={run(e){ye||(ye=!0,queueMicrotask(()=>function(){ye=!1;const e=me.length;for(let t=0;t<e;t++){const e=me[t];if(e)try{e()}catch(e){setTimeout(()=>{throw e})}}me.splice(0,e),ge+=e}())),me.push(e);const t=ve;return ve+=1,t},cancel(e){const t=e-ge;if(t>=0){if(!me[t])throw new Error(`invalid async handle: ${e}`);me[t]=null}}},we=new Set;class Ce{static debounce(e,t,o){return e instanceof Ce?e._cancelAsync():e=new Ce,e.setConfig(t,o),e}constructor(){this._asyncModule=null,this._callback=null,this._timer=null}setConfig(e,t){this._asyncModule=e,this._callback=t,this._timer=this._asyncModule.run(()=>{this._timer=null,we.delete(this),this._callback()})}cancel(){this.isActive()&&(this._cancelAsync(),we.delete(this))}_cancelAsync(){this.isActive()&&(this._asyncModule.cancel(this._timer),this._timer=null)}flush(){this.isActive()&&(this.cancel(),this._callback())}isActive(){return null!=this._timer}}let Ee;(0,_e.DH)(!1),window.Vaadin||(window.Vaadin={}),window.Vaadin.registrations||(window.Vaadin.registrations=[]),window.Vaadin.developmentModeCallback||(window.Vaadin.developmentModeCallback={}),window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]=function(){(0,pe.r)()};const Te=new Set,Oe=e=>class extends(g(e)){static finalize(){super.finalize();const{is:e}=this;var t;e&&!Te.has(e)&&(window.Vaadin.registrations.push(this),Te.add(e),window.Vaadin.developmentModeCallback&&(Ee=Ce.debounce(Ee,fe,()=>{window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]()}),t=Ee,we.add(t)))}constructor(){super(),null===document.doctype&&console.warn('Vaadin components require the "standards mode" declaration. Please add <!DOCTYPE html> to the HTML document.')}},ke=e=>class extends e{static get properties(){return{overlayClass:{type:String},_overlayElement:{type:Object}}}static get observers(){return["__updateOverlayClassNames(overlayClass, _overlayElement)"]}__updateOverlayClassNames(e,t){if(!t)return;if(void 0===e)return;const{classList:o}=t;if(this.__initialClasses||(this.__initialClasses=new Set(o)),Array.isArray(this.__previousClasses)){const e=this.__previousClasses.filter(e=>!this.__initialClasses.has(e));e.length>0&&o.remove(...e)}const s="string"==typeof e?e.split(" ").filter(Boolean):[];s.length>0&&o.add(...s),this.__previousClasses=s}};let Ae=0;const xe=e=>class extends e{static get properties(){return{for:{type:String,observer:"__forChanged"},target:{type:Object,observer:"__targetChanged"}}}connectedCallback(){super.connectedCallback(),this.target&&this._addTargetListeners(this.target)}disconnectedCallback(){super.disconnectedCallback(),this.target&&this._removeTargetListeners(this.target)}__forChanged(e){e&&(this.__setTargetByIdDebouncer=Ce.debounce(this.__setTargetByIdDebouncer,be,()=>this.__setTargetById(e)))}__setTargetById(e){if(!this.isConnected)return;const t=this.getRootNode().getElementById(e);t?this.target=t:console.warn(`No element with id="${e}" set via "for" property found on the page.`)}__targetChanged(e,t){t&&this._removeTargetListeners(t),e&&this._addTargetListeners(e)}_addTargetListeners(e){}_removeTargetListeners(e){}},Le=500;let Me=Le,Pe=Le,Se=Le;class $e{constructor(e){this.host=e}get isClosing(){return null!=this.__closeTimeout}get __focusDelay(){const e=this.host;return null!=e.focusDelay&&e.focusDelay>=0?e.focusDelay:Me}get __hoverDelay(){const e=this.host;return null!=e.hoverDelay&&e.hoverDelay>=0?e.hoverDelay:Pe}get __hideDelay(){const e=this.host;return null!=e.hideDelay&&e.hideDelay>=0?e.hideDelay:Se}open(e={immediate:!1}){const{immediate:t,trigger:o}=e,s="hover"===o&&this.__hoverDelay>0,i="focus"===o&&this.__focusDelay>0;t||!s&&!i||this.__closeTimeout?this.__showPopover():this.__scheduleOpen(o)}close(e){!e&&this.__hideDelay>0?this.__scheduleClose():(this.__abortClose(),this.__setOpened(!1)),this.__abortOpen()}__setOpened(e){this.host.opened=e}__showPopover(){this.__abortClose(),this.__setOpened(!0)}__abortClose(){this.__closeTimeout&&(clearTimeout(this.__closeTimeout),this.__closeTimeout=null)}__abortOpen(){this.__openTimeout&&(clearTimeout(this.__openTimeout),this.__openTimeout=null)}__scheduleClose(){this.__closeTimeout=setTimeout(()=>{this.__closeTimeout=null,this.__setOpened(!1)},this.__hideDelay)}__scheduleOpen(e){this.__abortOpen();const t="focus"===e?this.__focusDelay:this.__hoverDelay;this.__openTimeout=setTimeout(()=>{this.__openTimeout=null,this.__showPopover()},t)}}class De extends((e=>class extends e{static get properties(){return{position:{type:String},_position:{type:String,value:"bottom"},__effectivePosition:{type:String,computed:"__computePosition(position, _position)"}}}__computeHorizontalAlign(e){return["top-end","bottom-end","start-top","start","start-bottom"].includes(e)?"end":"start"}__computeNoHorizontalOverlap(e){return["start-top","start","start-bottom","end-top","end","end-bottom"].includes(e)}__computeNoVerticalOverlap(e){return["top-start","top-end","top","bottom-start","bottom","bottom-end"].includes(e)}__computeVerticalAlign(e){return["top-start","top-end","top","start-bottom","end-bottom"].includes(e)?"bottom":"top"}__computePosition(e,t){return e||t}})(xe(ke(k(Oe(T(s.WF))))))){static get is(){return"vaadin-popover"}static get styles(){return s.AH`
167
- :host {
168
- display: none !important;
169
- }
170
- `}static get properties(){return{accessibleName:{type:String},accessibleNameRef:{type:String},autofocus:{type:Boolean},contentHeight:{type:String},contentWidth:{type:String},focusDelay:{type:Number},hideDelay:{type:Number},hoverDelay:{type:Number},opened:{type:Boolean,value:!1,notify:!0,observer:"__openedChanged"},overlayRole:{type:String,value:"dialog"},renderer:{type:Object},modal:{type:Boolean,value:!1},noCloseOnOutsideClick:{type:Boolean,value:!1},noCloseOnEsc:{type:Boolean,value:!1},trigger:{type:Array,value:()=>["click"]},withBackdrop:{type:Boolean,value:!1},__shouldRestoreFocus:{type:Boolean,value:!1,sync:!0},__overlayId:{type:String}}}static get observers(){return["__updateContentHeight(contentHeight, _overlayElement)","__updateContentWidth(contentWidth, _overlayElement)","__openedOrTargetChanged(opened, target)","__overlayRoleOrTargetChanged(overlayRole, target)"]}static setDefaultFocusDelay(e){Me=null!=e&&e>=0?e:Le}static setDefaultHideDelay(e){Se=null!=e&&e>=0?e:Le}static setDefaultHoverDelay(e){Pe=null!=e&&e>=0?e:Le}constructor(){super(),this.__overlayId="vaadin-popover-"+Ae++,this.__onGlobalClick=this.__onGlobalClick.bind(this),this.__onGlobalKeyDown=this.__onGlobalKeyDown.bind(this),this.__onTargetClick=this.__onTargetClick.bind(this),this.__onTargetFocusIn=this.__onTargetFocusIn.bind(this),this.__onTargetFocusOut=this.__onTargetFocusOut.bind(this),this.__onTargetMouseEnter=this.__onTargetMouseEnter.bind(this),this.__onTargetMouseLeave=this.__onTargetMouseLeave.bind(this),this._openedStateController=new $e(this)}render(){const e=this.__effectivePosition;return s.qy`
171
- <vaadin-popover-overlay
172
- id="${this.__overlayId}"
173
- role="${this.overlayRole}"
174
- aria-label="${ue(this.accessibleName)}"
175
- aria-labelledby="${ue(this.accessibleNameRef)}"
176
- .renderer="${this.renderer}"
177
- .owner="${this}"
178
- theme="${ue(this._theme)}"
179
- .positionTarget="${this.target}"
180
- .position="${e}"
181
- .opened="${this.opened}"
182
- .modeless="${!this.modal}"
183
- .focusTrap="${this.modal}"
184
- .withBackdrop="${this.withBackdrop}"
185
- ?no-horizontal-overlap="${this.__computeNoHorizontalOverlap(e)}"
186
- ?no-vertical-overlap="${this.__computeNoVerticalOverlap(e)}"
187
- .horizontalAlign="${this.__computeHorizontalAlign(e)}"
188
- .verticalAlign="${this.__computeVerticalAlign(e)}"
189
- @mousedown="${this.__onOverlayMouseDown}"
190
- @mouseenter="${this.__onOverlayMouseEnter}"
191
- @mouseleave="${this.__onOverlayMouseLeave}"
192
- @focusin="${this.__onOverlayFocusIn}"
193
- @focusout="${this.__onOverlayFocusOut}"
194
- @opened-changed="${this.__onOpenedChanged}"
195
- .restoreFocusOnClose="${this.__shouldRestoreFocus}"
196
- .restoreFocusNode="${this.target}"
197
- @vaadin-overlay-escape-press="${this.__onEscapePress}"
198
- @vaadin-overlay-outside-click="${this.__onOutsideClick}"
199
- @vaadin-overlay-open="${this.__onOverlayOpened}"
200
- @vaadin-overlay-closed="${this.__onOverlayClosed}"
201
- ></vaadin-popover-overlay>
202
- `}requestContentUpdate(){this.renderer&&this._overlayElement&&this._overlayElement.requestContentUpdate()}ready(){super.ready(),this._overlayElement=this.shadowRoot.querySelector("vaadin-popover-overlay")}connectedCallback(){super.connectedCallback(),document.documentElement.addEventListener("click",this.__onGlobalClick,!0)}disconnectedCallback(){super.disconnectedCallback(),document.documentElement.removeEventListener("click",this.__onGlobalClick,!0),this._openedStateController.close(!0)}_addTargetListeners(e){e.addEventListener("click",this.__onTargetClick),e.addEventListener("mouseenter",this.__onTargetMouseEnter),e.addEventListener("mouseleave",this.__onTargetMouseLeave),e.addEventListener("focusin",this.__onTargetFocusIn),e.addEventListener("focusout",this.__onTargetFocusOut)}_removeTargetListeners(e){e.removeEventListener("click",this.__onTargetClick),e.removeEventListener("mouseenter",this.__onTargetMouseEnter),e.removeEventListener("mouseleave",this.__onTargetMouseLeave),e.removeEventListener("focusin",this.__onTargetFocusIn),e.removeEventListener("focusout",this.__onTargetFocusOut)}__openedChanged(e,t){e?document.addEventListener("keydown",this.__onGlobalKeyDown,!0):t&&document.removeEventListener("keydown",this.__onGlobalKeyDown,!0)}__openedOrTargetChanged(e,t){t&&(t.setAttribute("aria-expanded",e?"true":"false"),e?t.setAttribute("aria-controls",this.__overlayId):t.removeAttribute("aria-controls"))}__overlayRoleOrTargetChanged(e,t){if(this.__oldTarget&&this.__oldTarget.removeAttribute("aria-haspopup"),t){const o="dialog"===e||"alertdialog"===e;t.setAttribute("aria-haspopup",o?"dialog":"true"),this.__oldTarget=t}}__onGlobalClick(e){!this.opened||this.__isManual||this.modal||e.composedPath().some(e=>e===this._overlayElement||e===this.target)||this.noCloseOnOutsideClick||!oe(this._overlayElement)||this._openedStateController.close(!0)}__onTargetClick(){this.__hasTrigger("click")&&(this.opened||(this.__shouldRestoreFocus=!0),this.opened?this._openedStateController.close(!0):this._openedStateController.open({immediate:!0}))}__onGlobalKeyDown(e){this.modal||("Escape"===e.key&&!this.noCloseOnEsc&&this.opened&&!this.__isManual&&oe(this._overlayElement)&&(e.stopPropagation(),this._openedStateController.close(!0)),"Tab"===e.key&&(e.shiftKey?this.__onGlobalShiftTab(e):this.__onGlobalTab(e)))}__onGlobalTab(e){const t=this._overlayElement.$.overlay;if(this.target&&d(this.target))return e.preventDefault(),void t.focus();const o=this.__getLastFocusable(t);if(o&&d(o)){const o=this.__getNextBodyFocusable(this.target);if(o&&o!==t)return e.preventDefault(),void o.focus()}const s=n();this.__getNextBodyFocusable(s)===t&&o&&o.focus()}__onGlobalShiftTab(e){const t=this._overlayElement.$.overlay;if(this.target&&d(this.target)&&this.__shouldRestoreFocus)return void(this.__shouldRestoreFocus=!1);if(this.target&&d(t))return e.preventDefault(),void this.target.focus();const o=this.__getNextBodyFocusable(this.target);if(o&&d(o)){const o=this.__getLastFocusable(t);o&&(e.preventDefault(),o.focus())}}__getNextBodyFocusable(e){const t=c(document.body),o=t.findIndex(t=>t===e);return t[o+1]}__getLastFocusable(e){return c(e).pop()}__onTargetFocusIn(){if(this.__focusInside=!0,this.__hasTrigger("focus")){if(this.__hasTrigger("click")&&!r())return;this.__shouldRestoreFocus||(this.__shouldRestoreFocus=!0,this._openedStateController.open({trigger:"focus"}))}}__onTargetFocusOut(e){oe(this._overlayElement)&&(this.__hasTrigger("focus")&&this.__mouseDownInside||this._overlayElement.contains(e.relatedTarget)||this.__handleFocusout())}__onTargetMouseEnter(){this.__hoverInside=!0,this.__hasTrigger("hover")&&!this.opened&&(this.modal&&(this.target.style.pointerEvents="auto"),this._openedStateController.open({trigger:"hover"}))}__onTargetMouseLeave(e){this._overlayElement.opened&&!oe(this._overlayElement)||this._overlayElement.contains(e.relatedTarget)||this.__handleMouseLeave()}__onOverlayFocusIn(){this.__focusInside=!0,(this.__hasTrigger("focus")||this.__hasTrigger("click"))&&(this.__shouldRestoreFocus=!0)}__onOverlayFocusOut(e){oe(this._overlayElement)&&(this.__hasTrigger("focus")&&this.__mouseDownInside||e.relatedTarget===this.target||this._overlayElement.contains(e.relatedTarget)||this.__handleFocusout())}__onOverlayMouseDown(){this.__hasTrigger("focus")&&(this.__mouseDownInside=!0,document.addEventListener("mouseup",()=>{this.__mouseDownInside=!1},{once:!0}))}__onOverlayMouseEnter(){this.__hoverInside=!0,this.__hasTrigger("hover")&&this._openedStateController.isClosing&&this._openedStateController.open({immediate:!0})}__onOverlayMouseLeave(e){oe(this._overlayElement)&&e.relatedTarget!==this.target&&this.__handleMouseLeave()}__handleFocusout(){this.__focusInside=!1,this.__hasTrigger("hover")&&this.__hoverInside||this.__hasTrigger("focus")&&this._openedStateController.close(!0)}__handleMouseLeave(){this.__hoverInside=!1,this.__hasTrigger("focus")&&this.__focusInside||this.__hasTrigger("hover")&&this._openedStateController.close()}__onOpenedChanged(e){this.opened=e.detail.value}__onOverlayOpened(){this.autofocus&&!this.modal&&this._overlayElement.$.overlay.focus()}__onOverlayClosed(){this.__shouldRestoreFocus&&setTimeout(()=>{this.__shouldRestoreFocus=!1}),this.modal&&this.target.style.pointerEvents&&(this.target.style.pointerEvents=""),this.dispatchEvent(new CustomEvent("closed"))}__onEscapePress(e){(this.noCloseOnEsc||this.__isManual)&&e.preventDefault()}__onOutsideClick(e){(this.noCloseOnOutsideClick||this.__isManual)&&e.preventDefault()}__hasTrigger(e){return Array.isArray(this.trigger)&&this.trigger.includes(e)}get __isManual(){return null==this.trigger||Array.isArray(this.trigger)&&0===this.trigger.length}__updateDimension(e,t,o){const s=`--_vaadin-popover-content-${t}`;o?e.style.setProperty(s,o):e.style.removeProperty(s)}__updateContentHeight(e,t){t&&this.__updateDimension(t,"height",e)}__updateContentWidth(e,t){t&&this.__updateDimension(t,"width",e)}}u(De)},52733:(e,t,o)=>{o(27397);var s=o(47642);(0,o(87550).SF)("vaadin-text-field",s.k,{moduleId:"lumo-text-field-styles"}),o(27136)}}]);
203
- //# sourceMappingURL=1519.js.map
@@ -1,51 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright (c) 2017 - 2023 Vaadin Ltd.
4
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
- */
6
-
7
- /**
8
- * @license
9
- * Copyright (c) 2017 Anton Korzunov
10
- * SPDX-License-Identifier: MIT
11
- */
12
-
13
- /**
14
- * @license
15
- * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
16
- * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
17
- * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
18
- * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
19
- * Code distributed by Google as part of the polymer project is also
20
- * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
21
- */
22
-
23
- /**
24
- * @license
25
- * Copyright (c) 2021 - 2023 Vaadin Ltd.
26
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
27
- */
28
-
29
- /**
30
- * @license
31
- * Copyright (c) 2021 - 2024 Vaadin Ltd.
32
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
33
- */
34
-
35
- /**
36
- * @license
37
- * Copyright (c) 2023 - 2024 Vaadin Ltd.
38
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
39
- */
40
-
41
- /**
42
- * @license
43
- * Copyright (c) 2024 Vaadin Ltd.
44
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
45
- */
46
-
47
- /**
48
- * @license
49
- * Copyright 2018 Google LLC
50
- * SPDX-License-Identifier: BSD-3-Clause
51
- */