@descope/web-components-ui 1.0.326 → 1.0.327

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.
package/dist/index.esm.js CHANGED
@@ -5838,10 +5838,9 @@ const componentName$y = getComponentName('phone-field-internal');
5838
5838
  const commonAttrs$1 = ['disabled', 'size', 'bordered', 'invalid', 'readonly'];
5839
5839
  const countryAttrs = ['country-input-placeholder', 'default-code', 'restrict-countries'];
5840
5840
  const phoneAttrs = ['phone-input-placeholder', 'maxlength', 'autocomplete', 'name'];
5841
- const labelTypeAttrs = ['label-type', 'country-input-label', 'phone-input-label'];
5841
+ const labelTypeAttrs = ['label-type', 'country-input-label', 'label'];
5842
5842
  const mapAttrs$1 = {
5843
5843
  'country-input-label': 'label',
5844
- 'phone-input-label': 'label',
5845
5844
  'country-input-placeholder': 'placeholder',
5846
5845
  'phone-input-placeholder': 'placeholder',
5847
5846
  };
@@ -6014,7 +6013,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
6014
6013
  else if (this.getAttribute('label-type') === 'floating') {
6015
6014
  if (attrName === 'country-input-label') {
6016
6015
  this.countryCodeInput.setAttribute(attr, newValue);
6017
- } else if (attrName === 'phone-input-label') {
6016
+ } else if (attrName === 'label') {
6018
6017
  this.phoneNumberInput.setAttribute(attr, newValue);
6019
6018
  }
6020
6019
  }
@@ -6028,7 +6027,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
6028
6027
  'placeholder',
6029
6028
  this.getAttribute('country-input-placeholder') || ''
6030
6029
  );
6031
- this.phoneNumberInput.setAttribute('label', this.getAttribute('phone-input-label') || '');
6030
+ this.phoneNumberInput.setAttribute('label', this.getAttribute('label') || '');
6032
6031
  this.phoneNumberInput.setAttribute(
6033
6032
  'placeholder',
6034
6033
  this.getAttribute('phone-input-placeholder') || ''
@@ -6109,10 +6108,9 @@ const customMixin$6 = (superclass) =>
6109
6108
  'phone-input-placeholder',
6110
6109
  'disabled',
6111
6110
  'restrict-countries',
6112
- 'label-type',
6113
6111
  'country-input-label',
6114
- 'phone-input-label',
6115
6112
  'readonly',
6113
+ 'label',
6116
6114
  'label-type',
6117
6115
  ],
6118
6116
  });
@@ -6311,6 +6309,9 @@ const PhoneFieldClass = compose(
6311
6309
  ${textVars$1.inputBorderRadius}: 0;
6312
6310
  }
6313
6311
 
6312
+ :host([label-type="floating"]) vaadin-text-field::part(label) {
6313
+ display: none;
6314
+ }
6314
6315
  descope-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {
6315
6316
  opacity: 0;
6316
6317
  }
@@ -6528,6 +6529,7 @@ const customMixin$5 = (superclass) =>
6528
6529
  'default-code',
6529
6530
  'disabled',
6530
6531
  'phone-input-placeholder',
6532
+ 'label',
6531
6533
  'label-type',
6532
6534
  ],
6533
6535
  });