directix 2.0.0 → 2.1.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 /*!
- * directix v2.0.0
+ * directix v2.1.0
  * A comprehensive, easy-to-use, and high-performance Vue custom directives library supporting both Vue 2 and Vue 3, with Web Components support
  * (c) 2021-present saqqdy <https://github.com/saqqdy>
  * Released under the MIT License.
@@ -58,7 +58,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 /*!
- * directix v2.0.0
+ * directix v2.1.0
  * A comprehensive, easy-to-use, and high-performance Vue custom directives library supporting both Vue 2 and Vue 3, with Web Components support
  * (c) 2021-present saqqdy <https://github.com/saqqdy>
  * Released under the MIT License.
@@ -22065,6 +22065,48 @@ function registerDirectiveElements(elements) {
     customElements.define(elementName, elementClass);
   });
 }
+function isCustomElementDefined(name) {
+  return customElements.get(name) !== void 0;
+}
+function whenCustomElementDefined(name) {
+  return __async(this, null, function* () {
+    yield customElements.whenDefined(name);
+  });
+}
+function getRegisteredCustomElements() {
+  const registry = customElements.__registry;
+  if (registry && typeof registry.keys === "function") {
+    return Array.from(registry.keys());
+  }
+  return [];
+}
+function hydrateCustomElements(root = document.body) {
+  const customElementsList = root.querySelectorAll("*");
+  customElementsList.forEach((el) => {
+    var _a2;
+    if (isCustomElement(el)) {
+      const clone = el.cloneNode(true);
+      (_a2 = el.parentNode) == null ? void 0 : _a2.replaceChild(clone, el);
+    }
+  });
+}
+function createSSRSafeCustomElement(name, directive, options) {
+  const { styles, shadow = false } = options || {};
+  const ssrRender = (attrs = {}) => {
+    const attrString = Object.entries(attrs).map(([key, value]) => `${key}="${value}"`).join(" ");
+    if (shadow) {
+      const stylesString = styles ? `<style>${Array.isArray(styles) ? styles.join("") : styles}</style>` : "";
+      return `<${name} ${attrString}><template shadowroot="open">${stylesString}<slot></slot></template></${name}>`;
+    }
+    return `<${name} ${attrString}></${name}>`;
+  };
+  const elementClass = typeof window === "undefined" ? class extends HTMLElement {
+  } : createDirectiveElement(name, directive, options);
+  return {
+    elementClass,
+    ssrRender
+  };
+}
 const zhCN = {
   directives: {
     debounce: {
@@ -24239,6 +24281,7 @@ export {
   createPerformanceBudget,
   createPermissionCheck,
   createPermissionChecker,
+  createSSRSafeCustomElement,
   createSafeContentHandler,
   createSafeDirectiveWrapper,
   createStyleDirective,
@@ -24359,6 +24402,7 @@ export {
   getPluginManager,
   getPluginRegistry,
   getPolyfillStatus,
+  getRegisteredCustomElements,
   getSlowestDirectives,
   getSupportedRegions,
   getTimezoneInfo,
@@ -24369,6 +24413,7 @@ export {
   handleTouchConflict,
   hasPermission$2 as hasPermission,
   hasPermissionSync,
+  hydrateCustomElements,
   importConfig,
   incrementCounter,
   info,
@@ -24383,6 +24428,7 @@ export {
   isBrowser,
   isBrowserSupported,
   isCustomElement,
+  isCustomElementDefined,
   isDOMReady,
   isDevtoolsAvailable,
   isEmpty,
@@ -24620,6 +24666,7 @@ export {
   warnUnsupportedFeatures,
   watchConfig,
   watchEffectBinding,
+  whenCustomElementDefined,
   withAuditLog,
   withErrorRecovery,
   withPerformanceMonitoring,