@nectary/components 2.1.4 → 2.2.0

package/utils/element.d.ts

@@ -12,5 +12,5 @@ export declare class NectaryElement extends HTMLElement {
     get focusable(): boolean;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    get isConnected(): boolean;
+    get isDomConnected(): boolean;
 }

package/utils/element.js

@@ -26,7 +26,7 @@ export class NectaryElement extends HTMLElement {
   attachShadow(options) {
     return super.attachShadow({
       mode: 'open',
-      delegatesFocus: true,
+      delegatesFocus: false,
       customElements: nectaryRegistry,
       ...options
     });
@@ -35,14 +35,14 @@ export class NectaryElement extends HTMLElement {
   get focusable() {
     return false;
   }
-  #isConnected = false;
+  #isDomConnected = false;
   connectedCallback() {
-    this.#isConnected = true;
+    this.#isDomConnected = true;
   }
   disconnectedCallback() {
-    this.#isConnected = false;
+    this.#isDomConnected = false;
   }
-  get isConnected() {
-    return this.#isConnected;
+  get isDomConnected() {
+    return this.#isDomConnected;
   }
 }

package/utils/event-target.d.ts

@@ -1,3 +1,4 @@
 export declare const isTargetEqual: (e: Event, $elem: HTMLElement) => boolean;
+export declare const getTargetByAttribute: (e: Event, attr: string) => HTMLElement | null;
 export declare const getTargetAttribute: (e: Event, attr: string) => string | null;
 export declare const getTargetIndexInParent: (e: Event, parent: Element) => number;

package/utils/event-target.js

@@ -1,6 +1,15 @@
 export const isTargetEqual = (e, $elem) => {
   return e.target === $elem || e.originalTarget === $elem;
 };
+export const getTargetByAttribute = (e, attr) => {
+  if (e.target.hasAttribute(attr)) {
+    return e.target;
+  }
+  if (e.originalTarget?.hasAttribute(attr) === true) {
+    return e.originalTarget;
+  }
+  return null;
+};
 export const getTargetAttribute = (e, attr) => {
   return e.target.getAttribute(attr) ?? e.originalTarget?.getAttribute(attr) ?? null;
 };

package/utils/get-react-event-handler.js

@@ -1,6 +1,6 @@
 export const getReactEventHandler = ($element, handlerName) => {
   for (const key in $element) {
-    if (key.startsWith('__reactProps$')) {
+    if (Object.hasOwn($element, key) && key.startsWith('__reactProps$')) {
       return $element[key][handlerName];
     }
   }