@descope/web-components-ui 1.0.326 → 1.0.328

Sign up to get free protection for your applications and to get access to all the features.
package/dist/index.esm.js CHANGED
@@ -2761,7 +2761,10 @@ const EmailFieldClass = compose(
2761
2761
  }
2762
2762
  vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {
2763
2763
  opacity: 0;
2764
- }
2764
+ }
2765
+ :host ::slotted(input) {
2766
+ display: none !important;
2767
+ }
2765
2768
  `,
2766
2769
  excludeAttrsSync: ['tabindex'],
2767
2770
  componentName: componentName$M,
@@ -5838,10 +5841,9 @@ const componentName$y = getComponentName('phone-field-internal');
5838
5841
  const commonAttrs$1 = ['disabled', 'size', 'bordered', 'invalid', 'readonly'];
5839
5842
  const countryAttrs = ['country-input-placeholder', 'default-code', 'restrict-countries'];
5840
5843
  const phoneAttrs = ['phone-input-placeholder', 'maxlength', 'autocomplete', 'name'];
5841
- const labelTypeAttrs = ['label-type', 'country-input-label', 'phone-input-label'];
5844
+ const labelTypeAttrs = ['label-type', 'country-input-label', 'label'];
5842
5845
  const mapAttrs$1 = {
5843
5846
  'country-input-label': 'label',
5844
- 'phone-input-label': 'label',
5845
5847
  'country-input-placeholder': 'placeholder',
5846
5848
  'phone-input-placeholder': 'placeholder',
5847
5849
  };
@@ -6014,7 +6016,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
6014
6016
  else if (this.getAttribute('label-type') === 'floating') {
6015
6017
  if (attrName === 'country-input-label') {
6016
6018
  this.countryCodeInput.setAttribute(attr, newValue);
6017
- } else if (attrName === 'phone-input-label') {
6019
+ } else if (attrName === 'label') {
6018
6020
  this.phoneNumberInput.setAttribute(attr, newValue);
6019
6021
  }
6020
6022
  }
@@ -6028,7 +6030,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
6028
6030
  'placeholder',
6029
6031
  this.getAttribute('country-input-placeholder') || ''
6030
6032
  );
6031
- this.phoneNumberInput.setAttribute('label', this.getAttribute('phone-input-label') || '');
6033
+ this.phoneNumberInput.setAttribute('label', this.getAttribute('label') || '');
6032
6034
  this.phoneNumberInput.setAttribute(
6033
6035
  'placeholder',
6034
6036
  this.getAttribute('phone-input-placeholder') || ''
@@ -6109,10 +6111,9 @@ const customMixin$6 = (superclass) =>
6109
6111
  'phone-input-placeholder',
6110
6112
  'disabled',
6111
6113
  'restrict-countries',
6112
- 'label-type',
6113
6114
  'country-input-label',
6114
- 'phone-input-label',
6115
6115
  'readonly',
6116
+ 'label',
6116
6117
  'label-type',
6117
6118
  ],
6118
6119
  });
@@ -6311,6 +6312,9 @@ const PhoneFieldClass = compose(
6311
6312
  ${textVars$1.inputBorderRadius}: 0;
6312
6313
  }
6313
6314
 
6315
+ :host([label-type="floating"]) vaadin-text-field::part(label) {
6316
+ display: none;
6317
+ }
6314
6318
  descope-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {
6315
6319
  opacity: 0;
6316
6320
  }
@@ -6528,6 +6532,7 @@ const customMixin$5 = (superclass) =>
6528
6532
  'default-code',
6529
6533
  'disabled',
6530
6534
  'phone-input-placeholder',
6535
+ 'label',
6531
6536
  'label-type',
6532
6537
  ],
6533
6538
  });