@elementor/editor-controls 4.4.0-1096 → 4.4.0-1097

package/dist/index.js

@@ -4713,33 +4713,39 @@ var LinkControl = createControl((props) => {
     (0, import_editor_elements2.getLinkInLinkRestriction)(elementId, value ?? linkPlaceholder)
   );
   const shouldDisableAddingLink = !isActive && linkInLinkRestriction.shouldRestrict;
-  const debouncedCheckRestriction = (0, import_utils5.useDebouncedCallback)(() => {
+  const syncLinkRestriction = (clearActiveLinkWhen = "restricted") => {
     const newRestriction = (0, import_editor_elements2.getLinkInLinkRestriction)(elementId, value ?? linkPlaceholder);
-    if (newRestriction.shouldRestrict && isActive && !linkPlaceholder) {
+    const becameRestricted = newRestriction.shouldRestrict && !linkInLinkRestriction.shouldRestrict;
+    const shouldClearActiveLink = clearActiveLinkWhen === "newly-restricted" ? becameRestricted : newRestriction.shouldRestrict;
+    if (shouldClearActiveLink && isActive && !linkPlaceholder) {
       setIsActive(false);
       if (value !== null) {
         setValue(null);
       }
     }
     setLinkInLinkRestriction((prev) => isSameRestriction(prev, newRestriction) ? prev : newRestriction);
-  }, 300);
+  };
+  const debouncedSyncLinkRestriction = (0, import_utils5.useDebouncedCallback)(
+    (clearActiveLinkWhen = "restricted") => syncLinkRestriction(clearActiveLinkWhen),
+    300
+  );
   (0, import_editor_v1_adapters.__privateUseListenTo)(
     (0, import_editor_v1_adapters.commandEndEvent)("document/elements/set-settings"),
     () => {
-      debouncedCheckRestriction();
+      debouncedSyncLinkRestriction("newly-restricted");
     },
-    [debouncedCheckRestriction]
+    [debouncedSyncLinkRestriction]
   );
   (0, import_react43.useEffect)(() => {
-    debouncedCheckRestriction();
+    debouncedSyncLinkRestriction();
     const handleInlineLinkChanged = () => {
-      debouncedCheckRestriction();
+      debouncedSyncLinkRestriction();
     };
     window.addEventListener("elementor:inline-link-changed", handleInlineLinkChanged);
     return () => {
       window.removeEventListener("elementor:inline-link-changed", handleInlineLinkChanged);
     };
-  }, [elementId, debouncedCheckRestriction]);
+  }, [elementId, debouncedSyncLinkRestriction]);
   const onEnabledChange = () => {
     setLinkInLinkRestriction((0, import_editor_elements2.getLinkInLinkRestriction)(elementId, value ?? linkPlaceholder));
     if (linkInLinkRestriction.shouldRestrict && !isActive) {