@descope/web-components-ui 1.36.0 → 1.37.0

package/dist/index.esm.js

@@ -5654,7 +5654,7 @@ const nextMonth = (timestamp) => {
 
 const componentName$12 = getComponentName$1('calendar');
 
-const observedAttrs$4 = [
+const observedAttrs$5 = [
   'initial-value',
   'initial-year',
   'initial-month',
@@ -5673,7 +5673,7 @@ const BaseInputClass$b = createBaseInputClass$1({ componentName: componentName$1
 
 class RawCalendar extends BaseInputClass$b {
   static get observedAttributes() {
-    return [].concat(BaseInputClass$b.observedAttributes || [], observedAttrs$4, calendarUiAttrs);
+    return [].concat(BaseInputClass$b.observedAttributes || [], observedAttrs$5, calendarUiAttrs);
   }
 
   // preview state timestamp
@@ -6446,12 +6446,12 @@ var textFieldMappings = {
 
 const componentName$11 = 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;
@@ -6712,7 +6712,7 @@ const BaseInputClass$a = createBaseInputClass$1({ componentName: componentName$1
 
 const dateFieldAttrs = ['format', 'opened', 'initial-value', 'readonly'];
 const calendarAttrs = ['years-range', 'calendar-months', 'calendar-weekdays'];
-const observedAttrs$2 = [...dateFieldAttrs, ...calendarAttrs];
+const observedAttrs$3 = [...dateFieldAttrs, ...calendarAttrs];
 
 class RawDateFieldClass extends BaseInputClass$a {
   timestamp = '';
@@ -6728,7 +6728,7 @@ class RawDateFieldClass extends BaseInputClass$a {
   ];
 
   static get observedAttributes() {
-    return [].concat(BaseInputClass$a.observedAttributes || [], observedAttrs$2);
+    return [].concat(BaseInputClass$a.observedAttributes || [], observedAttrs$3);
   }
 
   constructor() {
@@ -14613,14 +14613,19 @@ customElements.define(componentName$s, BadgeClass);
 
 const componentName$r = getComponentName$1('modal');
 
+const observedAttrs$2 = ['opened'];
+
 const customMixin$7 = (superclass) =>
   class ModalMixinClass extends superclass {
+    static get observedAttributes() {
+      return [].concat(superclass.observedAttributes || [], observedAttrs$2);
+    }
+
     get opened() {
       return this.getAttribute('opened') === 'true';
     }
 
     handleOpened() {
-      forwardAttrs$1(this, this.baseElement, { includeAttrs: ['opened'] });
       if (this.opened) {
         this.style.display = '';
       } else {
@@ -14628,6 +14633,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';
@@ -14644,6 +14657,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