@descope/web-components-ui 1.0.419 → 1.0.420

package/dist/umd/286.js

@@ -1,148 +0,0 @@
-/*! For license information please see 286.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[286],{27984:(t,e,a)=>{a.d(e,{U:()=>r});var i=a(85297);const n=new ResizeObserver((t=>{setTimeout((()=>{t.forEach((t=>{t.target.resizables?t.target.resizables.forEach((e=>{e._onResize(t.contentRect)})):t.target._onResize(t.contentRect)}))}))})),r=(0,i.y)((t=>class extends t{get _observeParent(){return!1}connectedCallback(){if(super.connectedCallback(),n.observe(this),this._observeParent){const t=this.parentNode instanceof ShadowRoot?this.parentNode.host:this.parentNode;t.resizables||(t.resizables=new Set,n.observe(t)),t.resizables.add(this),this.__parent=t}}disconnectedCallback(){super.disconnectedCallback(),n.unobserve(this);const t=this.__parent;if(this._observeParent&&t){const e=t.resizables;e&&(e.delete(this),0===e.size&&n.unobserve(t)),this.__parent=null}}_onResize(t){}}))},53430:(t,e,a)=>{a.d(e,{a:()=>n});var i=a(32318);const n=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()}}},30286:(t,e,a)=>{a(37451),a(92541),a(66206),a(41745);var i=a(90500),n=a(6052);const r=n.AH`
-  [part='input-field'],
-  [part='input-field'] ::slotted(textarea) {
-    height: auto;
-    box-sizing: border-box;
-  }
-
-  [part='input-field'] {
-    /* Equal to the implicit padding in vaadin-text-field */
-    padding-top: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);
-    padding-bottom: calc((var(--lumo-text-field-size) - 1em * var(--lumo-line-height-s)) / 2);
-    transition: background-color 0.1s;
-    line-height: var(--lumo-line-height-s);
-  }
-
-  :host(:not([readonly])) [part='input-field']::after {
-    display: none;
-  }
-
-  :host([readonly]) [part='input-field'] {
-    border: 1px dashed var(--lumo-contrast-30pct);
-  }
-
-  :host([readonly]) [part='input-field']::after {
-    border: none;
-  }
-
-  :host(:hover:not([readonly]):not([focused]):not([invalid])) [part='input-field'] {
-    background-color: var(--lumo-contrast-20pct);
-  }
-
-  @media (pointer: coarse) {
-    :host(:hover:not([readonly]):not([focused]):not([invalid])) [part='input-field'] {
-      background-color: var(--lumo-contrast-10pct);
-    }
-
-    :host(:active:not([readonly]):not([focused])) [part='input-field'] {
-      background-color: var(--lumo-contrast-20pct);
-    }
-  }
-
-  [part='input-field'] ::slotted(textarea) {
-    line-height: inherit;
-    --_lumo-text-field-overflow-mask-image: none;
-  }
-
-  /* Vertically align icon prefix/suffix with the first line of text */
-  [part='input-field'] ::slotted(vaadin-icon) {
-    margin-top: calc((var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)) / -2);
-  }
-`;(0,n.SF)("vaadin-text-area",[i.k,r],{moduleId:"lumo-text-area"}),a(9077);var o=a(33791),s=a(38735),l=a(31846),d=a(58074),p=a(89385),u=a(27984),h=a(53430),c=a(3550),v=a(32065);class m extends v.r{constructor(t,e){super(t,"textarea","textarea",{initializer:(t,a)=>{const i=a.getAttribute("value");i&&(t.value=i);const n=a.getAttribute("name");n&&t.setAttribute("name",n),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}const g=t=>class extends((0,u.U)((0,h.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"]}get clearElement(){return this.$.clearButton}_onResize(){this._updateHeight(),this.__scrollPositionUpdated()}_onScroll(){this.__scrollPositionUpdated()}ready(){super.ready(),this.addController(new m(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new c.q(this.inputElement,this._labelController)),this.addEventListener("animationend",this._onAnimationEnd),this._inputField=this.shadowRoot.querySelector("[part=input-field]"),this._inputField.addEventListener("wheel",(t=>{const e=this._inputField.scrollTop;this._inputField.scrollTop+=t.deltaY,e!==this._inputField.scrollTop&&(t.preventDefault(),this.__scrollPositionUpdated())})),this._updateHeight(),this.__scrollPositionUpdated()}__scrollPositionUpdated(){this._inputField.style.setProperty("--_text-area-vertical-scroll-position","0px"),this._inputField.style.setProperty("--_text-area-vertical-scroll-position",`${this._inputField.scrollTop}px`)}_onAnimationEnd(t){0===t.animationName.indexOf("vaadin-text-area-appear")&&this._updateHeight()}_valueChanged(t,e){super._valueChanged(t,e),this._updateHeight()}_updateHeight(){const t=this.inputElement,e=this._inputField;if(!t||!e)return;const a=e.scrollTop,i=this.value?this.value.length:0;if(this._oldValueLength>=i){const a=getComputedStyle(e).height,i=getComputedStyle(t).width;e.style.display="block",e.style.height=a,t.style.maxWidth=i,t.style.height="auto"}this._oldValueLength=i;const n=t.scrollHeight;n>t.clientHeight&&(t.style.height=`${n}px`),t.style.removeProperty("max-width"),e.style.removeProperty("display"),e.style.removeProperty("height"),e.scrollTop=a}checkValidity(){if(!super.checkValidity())return!1;if(!this.pattern||!this.inputElement.value)return!0;try{const t=this.inputElement.value.match(this.pattern);return!!t&&t[0]===t.input}catch(t){return!0}}},_=a(16684).AH`
-  :host {
-    animation: 1ms vaadin-text-area-appear;
-  }
-
-  .vaadin-text-area-container {
-    flex: auto;
-  }
-
-  /* The label, helper text and the error message should neither grow nor shrink. */
-  [part='label'],
-  [part='helper-text'],
-  [part='error-message'] {
-    flex: none;
-  }
-
-  [part='input-field'] {
-    flex: auto;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  ::slotted(textarea) {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    flex: auto;
-    overflow: hidden;
-    width: 100%;
-    height: 100%;
-    outline: none;
-    resize: none;
-    margin: 0;
-    padding: 0 0.25em;
-    border: 0;
-    border-radius: 0;
-    min-width: 0;
-    font: inherit;
-    font-size: 1em;
-    line-height: normal;
-    color: inherit;
-    background-color: transparent;
-    /* Disable default invalid style in Firefox */
-    box-shadow: none;
-  }
-
-  /* Override styles from <vaadin-input-container> */
-  [part='input-field'] ::slotted(textarea) {
-    align-self: stretch;
-    white-space: pre-wrap;
-  }
-
-  [part='input-field'] ::slotted(:not(textarea)) {
-    align-self: flex-start;
-  }
-
-  /* Workaround https://bugzilla.mozilla.org/show_bug.cgi?id=1739079 */
-  :host([disabled]) ::slotted(textarea) {
-    user-select: none;
-  }
-
-  @keyframes vaadin-text-area-appear {
-    to {
-      opacity: 1;
-    }
-  }
-`;(0,n.SF)("vaadin-text-area",[p.k,_],{moduleId:"vaadin-text-area-styles"});class f extends(g((0,n.cp)((0,l.q)(o.Pu)))){static get is(){return"vaadin-text-area"}static get template(){return o.qy`
-      <div class="vaadin-text-area-container">
-        <div part="label">
-          <slot name="label"></slot>
-          <span part="required-indicator" aria-hidden="true"></span>
-        </div>
-
-        <vaadin-input-container
-          part="input-field"
-          readonly="[[readonly]]"
-          disabled="[[disabled]]"
-          invalid="[[invalid]]"
-          theme$="[[_theme]]"
-          on-scroll="_onScroll"
-        >
-          <slot name="prefix" slot="prefix"></slot>
-          <slot name="textarea"></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>
-    `}ready(){super.ready(),this._tooltipController=new d.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,s.X)(f)}}]);