@descope/web-components-ui 1.37.0 → 1.39.0

package/dist/index.esm.js

@@ -1064,25 +1064,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();
 
-      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() {
@@ -1115,13 +1100,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) =>
@@ -3288,26 +3266,10 @@ const createStyleMixin =
 
 const draggableMixin = (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() {
@@ -3325,9 +3287,8 @@ const draggableMixin = (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);
@@ -3340,13 +3301,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) =>
@@ -21840,11 +21794,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;
@@ -22342,6 +22297,7 @@ const AddressFieldClass = compose(
     display: inline-block;
     box-sizing: border-box;
     user-select: none;
+    width: 100%;
     max-width: 100%;
   }