@descope/web-components-ui 1.37.0 → 1.39.0

package/dist/cjs/index.cjs.js

@@ -1435,26 +1435,10 @@ const createStyleMixin$1 =
 
 const draggableMixin$1 = (superclass) =>
   class DraggableMixinClass extends superclass {
-    #styleEle = null;
-
-    static get observedAttributes() {
-      const superAttrs = superclass.observedAttributes || [];
-      return [...superAttrs, 'draggable'];
-    }
-
     constructor() {
       super();
 
-      this.#styleEle = document.createElement('style');
-      this.#styleEle.innerText = `* { cursor: inherit!important }`;
-    }
-
-    #handleDraggableStyle(isDraggable) {
-      if (isDraggable) {
-        this.shadowRoot.appendChild(this.#styleEle);
-      } else {
-        this.#styleEle.remove();
-      }
+      injectStyle(`:host([draggable="true"]) * { cursor: inherit!important }`, this);
     }
 
     get isDraggable() {
@@ -1472,9 +1456,8 @@ const draggableMixin$1 = (superclass) =>
           this.baseElement.setAttribute('tabindex', '-1');
 
           const onComplete = () => {
-            prevTabIndex
-              ? this.baseElement.setAttribute('tabindex', prevTabIndex)
-              : this.baseElement.removeAttribute('tabindex');
+            if (prevTabIndex) this.baseElement.setAttribute('tabindex', prevTabIndex);
+            else this.baseElement.removeAttribute('tabindex');
 
             e.target.removeEventListener('mouseup', onComplete);
             e.target.removeEventListener('dragend', onComplete);
@@ -1487,13 +1470,6 @@ const draggableMixin$1 = (superclass) =>
 
       super.init?.();
     }
-
-    attributeChangedCallback(attrName, oldValue, newValue) {
-      super.attributeChangedCallback?.(attrName, oldValue, newValue);
-      if (attrName === 'draggable') {
-        this.#handleDraggableStyle(newValue === 'true');
-      }
-    }
   };
 
 const componentNameValidationMixin$1 = (superclass) =>
@@ -3216,25 +3192,10 @@ const createStyleMixin =
 
 const draggableMixin = (superclass) =>
   class DraggableMixinClass extends superclass {
-    #styleEle = null;
-
-    static get observedAttributes() {
-      const superAttrs = superclass.observedAttributes || [];
-      return [...superAttrs, 'draggable'];
-    }
-
     constructor() {
       super();
 
-      injectStyle(`* { cursor: inherit!important }`, this);
-    }
-
-    #handleDraggableStyle(isDraggable) {
-      if (isDraggable) {
-        this.shadowRoot.appendChild(this.#styleEle);
-      } else {
-        this.#styleEle.remove();
-      }
+      injectStyle(`:host([draggable="true"]) * { cursor: inherit!important }`, this);
     }
 
     get isDraggable() {
@@ -3267,13 +3228,6 @@ const draggableMixin = (superclass) =>
 
       super.init?.();
     }
-
-    attributeChangedCallback(attrName, oldValue, newValue) {
-      super.attributeChangedCallback?.(attrName, oldValue, newValue);
-      if (attrName === 'draggable') {
-        this.#handleDraggableStyle(newValue === 'true');
-      }
-    }
   };
 
 const componentNameValidationMixin = (superclass) =>
@@ -19351,11 +19305,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;
@@ -19853,6 +19808,7 @@ const AddressFieldClass = compose(
     display: inline-block;
     box-sizing: border-box;
     user-select: none;
+    width: 100%;
     max-width: 100%;
   }