@descope/web-components-ui 1.36.0 → 1.38.0

package/dist/cjs/index.cjs.js

@@ -4717,12 +4717,12 @@ const inputFloatingLabelStyle = () => {
 
 const componentName$14 = getComponentName$1('text-field');
 
-const observedAttrs$3 = ['type', 'label-type', 'copy-to-clipboard'];
+const observedAttrs$4 = ['type', 'label-type', 'copy-to-clipboard'];
 
 const customMixin$e = (superclass) =>
   class TextFieldClass extends superclass {
     static get observedAttributes() {
-      return observedAttrs$3.concat(superclass.observedAttributes || []);
+      return observedAttrs$4.concat(superclass.observedAttributes || []);
     }
 
     icon;
@@ -12006,14 +12006,19 @@ var buttonMultiSelectionGroup$1 = /*#__PURE__*/Object.freeze({
 
 const componentName$v = getComponentName$1('modal');
 
+const observedAttrs$3 = ['opened'];
+
 const customMixin$7 = (superclass) =>
   class ModalMixinClass extends superclass {
+    static get observedAttributes() {
+      return [].concat(superclass.observedAttributes || [], observedAttrs$3);
+    }
+
     get opened() {
       return this.getAttribute('opened') === 'true';
     }
 
     handleOpened() {
-      forwardAttrs$1(this, this.baseElement, { includeAttrs: ['opened'] });
       if (this.opened) {
         this.style.display = '';
       } else {
@@ -12021,6 +12026,14 @@ const customMixin$7 = (superclass) =>
       }
     }
 
+    attributeChangedCallback(name, oldValue, newValue) {
+      super.attributeChangedCallback?.(name, oldValue, newValue);
+
+      if (name === 'opened') {
+        this.handleOpened();
+      }
+    }
+
     init() {
       super.init?.();
       this.style.display = 'none';
@@ -12037,6 +12050,7 @@ const customMixin$7 = (superclass) =>
           .appendChild(document.createElement('slot'));
 
         this.#overrideOverlaySettings();
+        forwardAttrs$1(this, this.baseElement, { includeAttrs: ['opened'] });
 
         // we need to always open the modal in `opened=false`
         // to prevent it from rendering outside the dialog
@@ -19337,11 +19351,12 @@ const AutocompleteFieldClass = compose(
     }
 
     descope-autocomplete-field-internal {
-        display: inline-block;
-        box-sizing: border-box;
-        user-select: none;
-        max-width: 100%;
-      }
+      display: inline-block;
+      box-sizing: border-box;
+      user-select: none;
+      width: 100%;
+      max-width: 100%;
+    }
 
     descope-autocomplete-field-internal ::slotted {
       padding: 0;
@@ -19839,6 +19854,7 @@ const AddressFieldClass = compose(
     display: inline-block;
     box-sizing: border-box;
     user-select: none;
+    width: 100%;
     max-width: 100%;
   }