@descope/web-components-ui 1.0.69 → 1.0.70

package/dist/index.esm.js

@@ -420,6 +420,57 @@ const draggableMixin = (superclass) =>
 		}
 	};
 
+const componentNameValidationMixin = (superclass) =>
+	class ComponentNameValidationMixinClass extends superclass {
+		#checkComponentName() {
+			const currentComponentName = this.shadowRoot.host.tagName.toLowerCase();
+
+			if (!superclass.componentName) {
+				throw Error(
+					`component name is not defined on super class, make sure you have a static get for "componentName"`
+				);
+			}
+
+			if (currentComponentName !== superclass.componentName) {
+				throw Error(
+					`component name mismatch, expected "${superclass.componentName}", current "${currentComponentName}"`
+				);
+			}
+		}
+
+		connectedCallback() {
+			super.connectedCallback?.();
+			if (this.shadowRoot.isConnected) {
+				this.#checkComponentName();
+			}
+		}
+	};
+
+const hoverableMixin =
+	(superclass) =>
+		class HoverableMixinClass extends superclass {
+			#boundOnMouseOver = this.#onMouseOver.bind(this)
+
+			#onMouseOver(e) {
+				this.setAttribute('hover', 'true');
+				e.target.addEventListener(
+					'mouseleave',
+					() => this.shadowRoot.host.removeAttribute('hover'),
+					{ once: true }
+				);
+			}
+
+			connectedCallback() {
+				super.connectedCallback?.();
+
+				const baseElement = this.shadowRoot.querySelector(
+					this.baseSelector
+				);
+
+				baseElement.addEventListener('mouseover', this.#boundOnMouseOver);
+			}
+		};
+
 const createBaseClass = ({ componentName, baseSelector = '' }) => {
   class DescopeBaseClass extends HTMLElement {
     static get componentName() {
@@ -829,57 +880,6 @@ const proxyInputMixin = (superclass) =>
 		}
 	};
 
-const componentNameValidationMixin = (superclass) =>
-	class ComponentNameValidationMixinClass extends superclass {
-		#checkComponentName() {
-			const currentComponentName = this.shadowRoot.host.tagName.toLowerCase();
-
-			if (!superclass.componentName) {
-				throw Error(
-					`component name is not defined on super class, make sure you have a static get for "componentName"`
-				);
-			}
-
-			if (currentComponentName !== superclass.componentName) {
-				throw Error(
-					`component name mismatch, expected "${superclass.componentName}", current "${currentComponentName}"`
-				);
-			}
-		}
-
-		connectedCallback() {
-			super.connectedCallback?.();
-			if (this.shadowRoot.isConnected) {
-				this.#checkComponentName();
-			}
-		}
-	};
-
-const hoverableMixin =
-	(superclass) =>
-		class HoverableMixinClass extends superclass {
-			#boundOnMouseOver = this.#onMouseOver.bind(this)
-
-			#onMouseOver(e) {
-				this.setAttribute('hover', 'true');
-				e.target.addEventListener(
-					'mouseleave',
-					() => this.shadowRoot.host.removeAttribute('hover'),
-					{ once: true }
-				);
-			}
-
-			connectedCallback() {
-				super.connectedCallback?.();
-
-				const baseElement = this.shadowRoot.querySelector(
-					this.baseSelector
-				);
-
-				baseElement.addEventListener('mouseover', this.#boundOnMouseOver);
-			}
-		};
-
 const events = [
   'blur',
   'focus',