@descope/web-components-ui 1.38.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) =>