@descope/web-components-ui 1.0.85 → 1.0.87
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.esm.js +19 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/387.js +1 -1
- package/dist/umd/988.js +1 -1
- package/dist/umd/descope-divider-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-divider/Divider.js +3 -0
- package/src/components/descope-password-field/PasswordField.js +1 -0
- package/src/mixins/proxyInputMixin.js +14 -3
- package/src/theme/components/textArea.js +1 -1
package/dist/index.esm.js
CHANGED
@@ -776,13 +776,24 @@ const proxyInputMixin = (superclass) =>
|
|
776
776
|
this.#inputElement = super.inputElement;
|
777
777
|
}
|
778
778
|
|
779
|
+
// the web-component does not loaded immediately, so we want to defer the warning
|
780
|
+
// and show it only if the input element was not found after the component is loaded
|
781
|
+
warnIfInputElementIsMissing() {
|
782
|
+
clearTimeout(this.inputElementTimerId);
|
783
|
+
|
784
|
+
this.inputElementTimerId = setTimeout(() => {
|
785
|
+
!this.#inputElement && console.warn('no input was found');
|
786
|
+
}, 0);
|
787
|
+
}
|
788
|
+
|
779
789
|
get inputElement() {
|
780
|
-
|
790
|
+
this.warnIfInputElementIsMissing();
|
791
|
+
|
792
|
+
const inputSlot = this.baseElement.shadowRoot?.querySelector('slot[name="inputt"]');
|
781
793
|
const textAreaSlot = this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');
|
782
794
|
|
783
795
|
this.#inputElement ??= getNestedInput(inputSlot) || getNestedInput(textAreaSlot);
|
784
796
|
|
785
|
-
if (!this.#inputElement) throw Error('no input was found');
|
786
797
|
|
787
798
|
return this.#inputElement
|
788
799
|
}
|
@@ -792,7 +803,7 @@ const proxyInputMixin = (superclass) =>
|
|
792
803
|
}
|
793
804
|
|
794
805
|
getValidity() {
|
795
|
-
return this.inputElement
|
806
|
+
return this.inputElement?.validity || {}
|
796
807
|
}
|
797
808
|
|
798
809
|
handleInternalInputErrorMessage() {
|
@@ -1690,6 +1701,9 @@ class RawDivider extends createBaseClass({ componentName: componentName$g, baseS
|
|
1690
1701
|
|
1691
1702
|
this.attachShadow({ mode: 'open' }).innerHTML = `
|
1692
1703
|
<style>
|
1704
|
+
:host {
|
1705
|
+
display: inline-block;
|
1706
|
+
}
|
1693
1707
|
:host > div {
|
1694
1708
|
display: flex;
|
1695
1709
|
height: 100%;
|
@@ -2590,6 +2604,7 @@ overrides$2 = `
|
|
2590
2604
|
}
|
2591
2605
|
vaadin-password-field {
|
2592
2606
|
width: 100%;
|
2607
|
+
padding: 0;
|
2593
2608
|
}
|
2594
2609
|
vaadin-password-field > input {
|
2595
2610
|
min-height: 0;
|
@@ -5273,7 +5288,6 @@ const globalRefs$b = getThemeRefs(globals);
|
|
5273
5288
|
const vars$d = TextArea.cssVarList;
|
5274
5289
|
|
5275
5290
|
const textArea = {
|
5276
|
-
[vars$d.width]: '100%',
|
5277
5291
|
[vars$d.color]: globalRefs$b.colors.primary.main,
|
5278
5292
|
[vars$d.backgroundColor]: globalRefs$b.colors.surface.light,
|
5279
5293
|
[vars$d.resize]: 'vertical',
|
@@ -5284,6 +5298,7 @@ const textArea = {
|
|
5284
5298
|
[vars$d.borderColor]: 'transparent',
|
5285
5299
|
[vars$d.outlineWidth]: '2px',
|
5286
5300
|
[vars$d.outlineStyle]: 'solid',
|
5301
|
+
[vars$d.outlineColor]: 'transparent',
|
5287
5302
|
|
5288
5303
|
|
5289
5304
|
_bordered: {
|