@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/cjs/index.cjs.js +5 -2
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +8 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/phone-fields/descope-phone-field/PhoneFieldClass.js +4 -2
- package/src/components/phone-fields/descope-phone-field/descope-phone-field-internal/PhoneFieldInternal.js +3 -4
- package/src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.js +1 -0
    
        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', ' | 
| 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 === ' | 
| 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(' | 
| 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 | 
             
                  });
         |