@m3e/web 2.0.3 → 2.0.4

package/dist/core-a11y.js

@@ -3,7 +3,7 @@
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
  */
-import { property, query, customElement } from 'lit/decorators.js';
+import { property, query } from 'lit/decorators.js';
 import { isServer, html, css, LitElement } from 'lit';
 
 /******************************************************************************
@@ -1191,6 +1191,32 @@ _M3eAriaDescriber_messageContainers = {
 };
 globalThis.M3eAriaDescriber = M3eAriaDescriber;
 
+/**
+ * Class decorator factory that defines the decorated class as a custom element.
+ *
+ * ```js
+ * @element('my-element')
+ * class MyElement extends LitElement {
+ *   render() {
+ *     return html``;
+ *   }
+ * }
+ * ```
+ * @param {string} tagName The tag name of the custom element to define.
+ */
+const element = tagName => (classOrTarget, context) => {
+  const define = () => {
+    if (typeof window !== "undefined" && !customElements.get(tagName)) {
+      customElements.define(tagName, classOrTarget);
+    }
+  };
+  if (context) {
+    context.addInitializer(define);
+  } else {
+    define();
+  }
+};
+
 var _a$1, _M3eInteractivityChecker_cannotFocusParent;
 /** Utility for checking the interactivity of an element, such as whether it is focusable. */
 class M3eInteractivityChecker {
@@ -1317,7 +1343,7 @@ _M3eFocusTrapElement_walkSlot = function _M3eFocusTrapElement_walkSlot(slot, par
 /** The styles of the element. */
 M3eFocusTrapElement.styles = css`:host { display: contents; } .trap { outline: none; }`;
 __decorate([query(".trap")], M3eFocusTrapElement.prototype, "_firstTrap", void 0);
-M3eFocusTrapElement = __decorate([customElement("m3e-focus-trap")], M3eFocusTrapElement);
+M3eFocusTrapElement = __decorate([element("m3e-focus-trap")], M3eFocusTrapElement);
 
 /**
  * Adapted from Angular Material CDK Live Announcer