@stratusjs/angular 0.5.12 → 0.5.13

package/src/froala/plugins/inputButton.ts

@@ -14,7 +14,7 @@ import {
 import _ from 'lodash'
 
 // Universal Button
-// TODO: Move this elsewhere, since it isn't specific to Froala
+// TODO: Some of this can move elsewhere, since it isn't completely specific to Froala
 export class InputButtonPlugin<EventData = string|LooseObject> implements TriggerInterface {
     // Local
     uid: string
@@ -79,6 +79,9 @@ export class InputButtonPlugin<EventData = string|LooseObject> implements Trigge
         }
         // Get snapshot before passing off event
         this.updateSnapshot()
+        if (this.debug) {
+            console.log(`[${this.eventName}]:`, {instance, data})
+        }
         instance.trigger(this.eventName, data, this)
     }
 
@@ -97,7 +100,7 @@ export class InputButtonPlugin<EventData = string|LooseObject> implements Trigge
             return
         }
         // Ensure we only continue for 'insert' or 'restore' events
-        if (['insert', 'restore'].includes(name)) {
+        if (!['insert', 'restore'].includes(name)) {
             console.warn(`${this.name}.trigger():`, name, 'event is not supported.')
             return
         }
@@ -133,11 +136,17 @@ export class InputButtonPlugin<EventData = string|LooseObject> implements Trigge
             return false
         }
         // Get focus back to the editor
-        // Note: This is disabled because it makes the cursor jolt to the top
-        // console.log('[restoreSnapshot]is focused:', this.editor.core.hasFocus())
-        //this.editor.events.focus()
+        if (this.debug) {
+            console.log('[restoreSnapshot]is focused:', this.editor.core.hasFocus())
+        }
+        // Always disable blur before changing focus
+        this.editor.events.disableBlur()
+        // Get focus back to the editor
+        this.editor.events.focus()
         // Restore last snapshot
         this.editor.snapshot.restore(this.snapshot)
+        // Enable Blur after snapshot
+        this.editor.events.enableBlur()
         return true
     }
 
@@ -154,12 +163,18 @@ export class InputButtonPlugin<EventData = string|LooseObject> implements Trigge
             console.warn(`${this.name}.restoreSelection(): unable to restore editor selection.`)
             return false
         }
+        // Note Focus
+        if (this.debug) {
+            console.log('[restoreSelection]is focused:', this.editor.core.hasFocus())
+        }
+        // Always disable blur before changing focus
+        this.editor.events.disableBlur()
         // Get focus back to the editor
-        // Note: This is disabled because it makes the cursor jolt to the top
-        // console.log('[restoreSelection]is focused:', this.editor.core.hasFocus())
-        // this.editor.events.focus()
+        this.editor.events.focus()
         // Restore last selection
         this.editor.selection.restore()
+        // Enable Blur
+        this.editor.events.enableBlur()
         return true
     }
 
@@ -168,7 +183,12 @@ export class InputButtonPlugin<EventData = string|LooseObject> implements Trigge
             console.warn(`${this.name}.saveSelection(): unable to save editor selection.`)
             return false
         }
+        // Disable blur before save
+        this.editor.events.disableBlur()
+        // Save selection inside Content-Editable HTML on DOM
         this.editor.selection.save()
+        // Enable Blur after save
+        this.editor.events.enableBlur()
         return true
     }
 

package/src/froala/plugins/linkManager.js

@@ -1,12 +1,18 @@
-System.register(["./inputButton", "froala-editor"], function (exports_1, context_1) {
+System.register(["./inputButton", "@stratusjs/runtime/stratus", "lodash", "froala-editor"], function (exports_1, context_1) {
     "use strict";
-    var inputButton_1, froala_editor_1;
+    var inputButton_1, stratus_1, lodash_1, froala_editor_1;
     var __moduleName = context_1 && context_1.id;
     return {
         setters: [
             function (inputButton_1_1) {
                 inputButton_1 = inputButton_1_1;
             },
+            function (stratus_1_1) {
+                stratus_1 = stratus_1_1;
+            },
+            function (lodash_1_1) {
+                lodash_1 = lodash_1_1;
+            },
             function (froala_editor_1_1) {
                 froala_editor_1 = froala_editor_1_1;
             }
@@ -17,9 +23,10 @@ System.register(["./inputButton", "froala-editor"], function (exports_1, context
             });
             froala_editor_1.default.PLUGINS.linkManager = function linkManager(editor) {
                 let inputButton;
-                const linkPlugin = froala_editor_1.default.PLUGINS.link(editor);
                 const debug = false;
                 function _init() {
+                    this.uid = lodash_1.uniqueId(`froala_link_manager_`);
+                    stratus_1.Stratus.Instances[this.uid] = this;
                     inputButton = new inputButton_1.InputButtonPlugin({
                         name: 'Link Manager',
                         eventName: 'link-library',
@@ -32,25 +39,32 @@ System.register(["./inputButton", "froala-editor"], function (exports_1, context
                             if (link.target) {
                                 attrs.target = '_blank';
                             }
-                            linkPlugin.insert(link.url, link.text, attrs);
+                            editor.link.insert(link.url, link.text, attrs);
                         },
                         autoSaveSelection: true,
                         autoRestoreSelection: true,
                         debug
                     });
+                    this.inputButton = inputButton;
+                    this.editor = editor;
                     if (debug) {
                         console.log('initialized:', {
                             options: editor.opts.endpoint,
-                            instance: this
+                            instance: this,
+                            inputButton: inputButton.uid,
                         });
                     }
                 }
-                function onClick() {
+                function onClick(el, data) {
                     if (!editor.el) {
                         console.warn('linkManager.onClick(): unable to find element');
                         return;
                     }
-                    inputButton.onClick(editor.el, linkPlugin.get());
+                    const link = editor.link.get();
+                    if (debug) {
+                        console.log('[linkManager.onClick()]:', link);
+                    }
+                    inputButton.onClick(editor.el, link);
                 }
                 return {
                     _init,
@@ -60,10 +74,11 @@ System.register(["./inputButton", "froala-editor"], function (exports_1, context
             froala_editor_1.default.RegisterCommand('linkManager', {
                 title: 'Insert from Link Library',
                 undo: false,
-                focus: false,
+                focus: true,
                 modal: true,
+                refreshOnCallback: false,
                 callback() {
-                    this.linkManager.onClick(undefined, froala_editor_1.default.PLUGINS.link(this).get());
+                    this.linkManager.onClick();
                 },
                 plugin: 'linkManager',
             }),
@@ -74,7 +89,7 @@ System.register(["./inputButton", "froala-editor"], function (exports_1, context
                     focus: false,
                     modal: true,
                     callback() {
-                        this.linkManager.onClick(undefined, froala_editor_1.default.PLUGINS.link(this).get());
+                        this.linkManager.onClick(undefined, this.link.get());
                     },
                     plugin: 'linkManager',
                 }),
@@ -91,7 +106,7 @@ System.register(["./inputButton", "froala-editor"], function (exports_1, context
                         eventName: 'link-library',
                         editor: this,
                         insert: (link) => {
-                            froala_editor_1.default.PLUGINS.link(this).insert(link.url, '', { 'aria-label': link.title });
+                            this.link.insert(link.url, '', { 'aria-label': link.title });
                         },
                         autoSaveSelection: true,
                         autoRestoreSelection: true,

package/src/froala/plugins/linkManager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["linkManager.ts"],"names":[],"mappings":";;;;;;;;;;;;;;YAeA,uBAAY,CAAC,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAY,CAAC,QAAQ,EAAE;gBACzD,QAAQ,EAAE,cAAc;aAC3B,CAAC,CAAA;YAKF,uBAAY,CAAC,OAAO,CAAC,WAAW,GAAG,SAAS,WAAW,CAAE,MAAW;gBAChE,IAAI,WAA8B,CAAA;gBAElC,MAAM,UAAU,GAAG,uBAAY,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;gBACpD,MAAM,KAAK,GAAG,KAAK,CAAA;gBAGnB,SAAS,KAAK;oBACV,WAAW,GAAG,IAAI,+BAAiB,CAAO;wBACtC,IAAI,EAAE,cAAc;wBACpB,SAAS,EAAE,cAAc;wBACzB,MAAM;wBACN,MAAM,EAAE,CAAC,IAAU,EAAE,EAAE;4BACnB,MAAM,KAAK,GAAgB,EAAE,CAAA;4BAC7B,IAAI,IAAI,CAAC,EAAE,EAAE;gCACT,KAAK,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,EAAE,CAAA;6BACrC;4BACD,IAAI,IAAI,CAAC,MAAM,EAAE;gCACb,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAA;6BAC1B;4BACD,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;wBACjD,CAAC;wBACD,iBAAiB,EAAE,IAAI;wBACvB,oBAAoB,EAAE,IAAI;wBAC1B,KAAK;qBACR,CAAC,CAAA;oBAEF,IAAI,KAAK,EAAE;wBACP,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE;4BACxB,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ;4BAC7B,QAAQ,EAAE,IAAI;yBACjB,CAAC,CAAA;qBACL;gBAOL,CAAC;gBAED,SAAS,OAAO;oBACZ,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE;wBACZ,OAAO,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAA;wBAC7D,OAAM;qBACT;oBACD,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,CAAA;gBACpD,CAAC;gBAKD,OAAO;oBAEH,KAAK;oBACL,OAAO;iBACV,CAAA;YACL,CAAC,CAAA;YAID,uBAAY,CAAC,eAAe,CAAC,aAAa,EAAE;gBACxC,KAAK,EAAE,0BAA0B;gBACjC,IAAI,EAAE,KAAK;gBACX,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,IAAI;gBACX,QAAQ;oBACJ,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,uBAAY,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;gBAC9E,CAAC;gBACD,MAAM,EAAE,aAAa;aACxB,CAAC;gBACF,uBAAY,CAAC,UAAU,CAAC,aAAa,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAC,CAAC;gBAG/E,uBAAY,CAAC,eAAe,CAAC,iBAAiB,EAAE;oBAC5C,KAAK,EAAE,WAAW;oBAClB,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,KAAK;oBACZ,KAAK,EAAE,IAAI;oBACX,QAAQ;wBACJ,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,uBAAY,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;oBAC9E,CAAC;oBACD,MAAM,EAAE,aAAa;iBACxB,CAAC;gBACF,uBAAY,CAAC,UAAU,CAAC,iBAAiB,EAAE,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAC,CAAC;gBAG3E,uBAAY,CAAC,UAAU,CAAC,mBAAmB,EAAE,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC;gBAC5E,uBAAY,CAAC,UAAU,CAAC,mBAAmB,EAAE,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAC,CAAC,CAAA;YAGhF,uBAAY,CAAC,yBAAyB,CAAC,MAAM,EAAE;gBAE3C,IAAI,EAAE,aAAa;gBAGnB,KAAK,EAAE,0BAA0B;gBAGjC,QAAQ,EAAE,SAAS,mBAAmB;oBAClC,MAAM,KAAK,GAAG,KAAK,CAAA;oBACnB,MAAM,WAAW,GAAG,IAAI,+BAAiB,CAAO;wBAC5C,IAAI,EAAE,cAAc;wBACpB,SAAS,EAAE,cAAc;wBAEzB,MAAM,EAAE,IAAI;wBACZ,MAAM,EAAE,CAAC,IAAU,EAAE,EAAE;4BACnB,uBAAY,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,EAAE,EAAC,YAAY,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,CAAA;wBACpF,CAAC;wBACD,iBAAiB,EAAE,IAAI;wBACvB,oBAAoB,EAAE,IAAI;wBAC1B,KAAK;qBACR,CAAC,CAAA;oBACF,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;wBACV,OAAO,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAA;wBAC7D,OAAM;qBACT;oBACD,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gBAChC,CAAC;gBAGD,IAAI,EAAE,IAAI;aACb,CAAC,CAAA;QACF,CAAC","file":"linkManager.js"}
+{"version":3,"sources":["linkManager.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;YA6BA,uBAAY,CAAC,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAY,CAAC,QAAQ,EAAE;gBACzD,QAAQ,EAAE,cAAc;aAC3B,CAAC,CAAA;YAKF,uBAAY,CAAC,OAAO,CAAC,WAAW,GAAG,SAAS,WAAW,CAAE,MAAW;gBAEhE,IAAI,WAA8B,CAAA;gBAElC,MAAM,KAAK,GAAG,KAAK,CAAA;gBAGnB,SAAS,KAAK;oBAEV,IAAI,CAAC,GAAG,GAAG,iBAAQ,CAAC,sBAAsB,CAAC,CAAA;oBAC3C,iBAAO,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;oBAGlC,WAAW,GAAG,IAAI,+BAAiB,CAAO;wBACtC,IAAI,EAAE,cAAc;wBACpB,SAAS,EAAE,cAAc;wBACzB,MAAM;wBACN,MAAM,EAAE,CAAC,IAAU,EAAE,EAAE;4BACnB,MAAM,KAAK,GAAgB,EAAE,CAAA;4BAC7B,IAAI,IAAI,CAAC,EAAE,EAAE;gCACT,KAAK,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,EAAE,CAAA;6BACrC;4BACD,IAAI,IAAI,CAAC,MAAM,EAAE;gCACb,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAA;6BAC1B;4BACD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;wBAClD,CAAC;wBAED,iBAAiB,EAAE,IAAI;wBAEvB,oBAAoB,EAAE,IAAI;wBAE1B,KAAK;qBACR,CAAC,CAAA;oBAGF,IAAI,CAAC,WAAW,GAAG,WAAW,CAAA;oBAC9B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;oBAEpB,IAAI,KAAK,EAAE;wBAEP,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE;4BACxB,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ;4BAC7B,QAAQ,EAAE,IAAI;4BACd,WAAW,EAAE,WAAW,CAAC,GAAG;yBAC/B,CAAC,CAAA;qBACL;gBAOL,CAAC;gBAED,SAAS,OAAO,CAAC,EAAgB,EAAE,IAAU;oBACzC,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE;wBACZ,OAAO,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAA;wBAC7D,OAAM;qBACT;oBACD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAA;oBAC9B,IAAI,KAAK,EAAE;wBACP,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAAA;qBAChD;oBACD,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;gBACxC,CAAC;gBAKD,OAAO;oBAEH,KAAK;oBACL,OAAO;iBACV,CAAA;YACL,CAAC,CAAA;YAID,uBAAY,CAAC,eAAe,CAAC,aAAa,EAAE;gBACxC,KAAK,EAAE,0BAA0B;gBACjC,IAAI,EAAE,KAAK;gBACX,KAAK,EAAE,IAAI;gBACX,KAAK,EAAE,IAAI;gBAEX,iBAAiB,EAAE,KAAK;gBACxB,QAAQ;oBAGJ,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAA;gBAC9B,CAAC;gBACD,MAAM,EAAE,aAAa;aACxB,CAAC;gBACF,uBAAY,CAAC,UAAU,CAAC,aAAa,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAC,CAAC;gBAG/E,uBAAY,CAAC,eAAe,CAAC,iBAAiB,EAAE;oBAC5C,KAAK,EAAE,WAAW;oBAClB,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,KAAK;oBACZ,KAAK,EAAE,IAAI;oBACX,QAAQ;wBAGJ,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;oBACxD,CAAC;oBACD,MAAM,EAAE,aAAa;iBACxB,CAAC;gBACF,uBAAY,CAAC,UAAU,CAAC,iBAAiB,EAAE,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAC,CAAC;gBAG3E,uBAAY,CAAC,UAAU,CAAC,mBAAmB,EAAE,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC;gBAC5E,uBAAY,CAAC,UAAU,CAAC,mBAAmB,EAAE,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAC,CAAC,CAAA;YAGhF,uBAAY,CAAC,yBAAyB,CAAC,MAAM,EAAE;gBAE3C,IAAI,EAAE,aAAa;gBAGnB,KAAK,EAAE,0BAA0B;gBAGjC,QAAQ,EAAE,SAAS,mBAAmB;oBAClC,MAAM,KAAK,GAAG,KAAK,CAAA;oBACnB,MAAM,WAAW,GAAG,IAAI,+BAAiB,CAAO;wBAC5C,IAAI,EAAE,cAAc;wBACpB,SAAS,EAAE,cAAc;wBAEzB,MAAM,EAAE,IAAI;wBACZ,MAAM,EAAE,CAAC,IAAU,EAAE,EAAE;4BACnB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,EAAE,EAAC,YAAY,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,CAAA;wBAC9D,CAAC;wBACD,iBAAiB,EAAE,IAAI;wBAEvB,oBAAoB,EAAE,IAAI;wBAE1B,KAAK;qBACR,CAAC,CAAA;oBACF,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;wBACV,OAAO,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAA;wBAC7D,OAAM;qBACT;oBACD,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gBAChC,CAAC;gBAGD,IAAI,EAAE,IAAI;aACb,CAAC,CAAA;QACF,CAAC","file":"linkManager.js"}

package/src/froala/plugins/linkManager.min.js

@@ -1 +1 @@
-System.register(["./inputButton","froala-editor"],function(n,e){"use strict";var t,i;e&&e.id;return{setters:[function(n){t=n},function(n){i=n}],execute:function(){i.default.DEFAULTS=Object.assign(i.default.DEFAULTS,{endpoint:"/Api/Content"}),i.default.PLUGINS.linkManager=function(n){let e;const a=i.default.PLUGINS.link(n);return{_init:function(){e=new t.InputButtonPlugin({name:"Link Manager",eventName:"link-library",editor:n,insert:n=>{const e={};n.id&&(e["data-content-id"]=n.id),n.target&&(e.target="_blank"),a.insert(n.url,n.text,e)},autoSaveSelection:!0,autoRestoreSelection:!0,debug:!1})},onClick:function(){n.el?e.onClick(n.el,a.get()):console.warn("linkManager.onClick(): unable to find element")}}},i.default.RegisterCommand("linkManager",{title:"Insert from Link Library",undo:!1,focus:!1,modal:!0,callback(){this.linkManager.onClick(void 0,i.default.PLUGINS.link(this).get())},plugin:"linkManager"}),i.default.DefineIcon("linkManager",{NAME:"folder",SVG_KEY:"insertLink"}),i.default.RegisterCommand("linkManagerEdit",{title:"Edit Link",undo:!1,focus:!1,modal:!0,callback(){this.linkManager.onClick(void 0,i.default.PLUGINS.link(this).get())},plugin:"linkManager"}),i.default.DefineIcon("linkManagerEdit",{NAME:"edit",SVG_KEY:"edit"}),i.default.DefineIcon("linkManagerInsert",{NAME:"plus",SVG_KEY:"add"}),i.default.DefineIcon("linkManagerDelete",{NAME:"trash",SVG_KEY:"remove"}),i.default.RegisterQuickInsertButton("link",{icon:"linkManager",title:"Insert from Link Library",callback:function(){const n=new t.InputButtonPlugin({name:"Link Manager",eventName:"link-library",editor:this,insert:n=>{i.default.PLUGINS.link(this).insert(n.url,"",{"aria-label":n.title})},autoSaveSelection:!0,autoRestoreSelection:!0,debug:!1});this.el?n.onClick(this.el):console.warn("linkManager.onClick(): unable to find element")},undo:!0})}}});
+System.register(["./inputButton","@stratusjs/runtime/stratus","lodash","froala-editor"],function(n,e){"use strict";var t,i,a,l;e&&e.id;return{setters:[function(n){t=n},function(n){i=n},function(n){a=n},function(n){l=n}],execute:function(){l.default.DEFAULTS=Object.assign(l.default.DEFAULTS,{endpoint:"/Api/Content"}),l.default.PLUGINS.linkManager=function(n){let e;return{_init:function(){this.uid=a.uniqueId("froala_link_manager_"),i.Stratus.Instances[this.uid]=this,e=new t.InputButtonPlugin({name:"Link Manager",eventName:"link-library",editor:n,insert:e=>{const t={};e.id&&(t["data-content-id"]=e.id),e.target&&(t.target="_blank"),n.link.insert(e.url,e.text,t)},autoSaveSelection:!0,autoRestoreSelection:!0,debug:!1}),this.inputButton=e,this.editor=n},onClick:function(t,i){if(!n.el)return void console.warn("linkManager.onClick(): unable to find element");const a=n.link.get();e.onClick(n.el,a)}}},l.default.RegisterCommand("linkManager",{title:"Insert from Link Library",undo:!1,focus:!0,modal:!0,refreshOnCallback:!1,callback(){this.linkManager.onClick()},plugin:"linkManager"}),l.default.DefineIcon("linkManager",{NAME:"folder",SVG_KEY:"insertLink"}),l.default.RegisterCommand("linkManagerEdit",{title:"Edit Link",undo:!1,focus:!1,modal:!0,callback(){this.linkManager.onClick(void 0,this.link.get())},plugin:"linkManager"}),l.default.DefineIcon("linkManagerEdit",{NAME:"edit",SVG_KEY:"edit"}),l.default.DefineIcon("linkManagerInsert",{NAME:"plus",SVG_KEY:"add"}),l.default.DefineIcon("linkManagerDelete",{NAME:"trash",SVG_KEY:"remove"}),l.default.RegisterQuickInsertButton("link",{icon:"linkManager",title:"Insert from Link Library",callback:function(){const n=new t.InputButtonPlugin({name:"Link Manager",eventName:"link-library",editor:this,insert:n=>{this.link.insert(n.url,"",{"aria-label":n.title})},autoSaveSelection:!0,autoRestoreSelection:!0,debug:!1});this.el?n.onClick(this.el):console.warn("linkManager.onClick(): unable to find element")},undo:!0})}}});

package/src/froala/plugins/linkManager.ts

@@ -2,13 +2,27 @@
 import {
     InputButtonPlugin
 } from './inputButton'
+
+// Link Dialog
 import {
     Link
 } from '../../editor/link-dialog.component'
+
+// Stratus Core
 import {
     LooseObject
 } from '@stratusjs/core/misc'
 
+// Stratus Runtime
+import {
+    Stratus
+} from '@stratusjs/runtime/stratus'
+
+// External Dependencies
+import {
+    uniqueId
+} from 'lodash'
+
 // @ts-ignore
 import FroalaEditor from 'froala-editor'
 
@@ -21,13 +35,18 @@ FroalaEditor.DEFAULTS = Object.assign(FroalaEditor.DEFAULTS, {
  * @param editor The Froala instance
  */
 FroalaEditor.PLUGINS.linkManager = function linkManager (editor: any) {
+    // Local Variables
     let inputButton: InputButtonPlugin
 
-    const linkPlugin = FroalaEditor.PLUGINS.link(editor)
     const debug = false
 
     // When the plugin is initialized,this will be called.
     function _init() {
+        // Set UID
+        this.uid = uniqueId(`froala_link_manager_`)
+        Stratus.Instances[this.uid] = this
+
+        // Create Input Button
         inputButton = new InputButtonPlugin<Link>({
             name: 'Link Manager',
             eventName: 'link-library',
@@ -40,17 +59,26 @@ FroalaEditor.PLUGINS.linkManager = function linkManager (editor: any) {
                 if (link.target) {
                     attrs.target = '_blank'
                 }
-                linkPlugin.insert(link.url, link.text, attrs)
+                editor.link.insert(link.url, link.text, attrs)
             },
+            // Note: We use Custom Bindings for this via this.insert()
             autoSaveSelection: true,
+            // maintainSnapshot: true,
             autoRestoreSelection: true,
+            // maintainSelection: false,
             debug
         })
 
+        // Hoist Local Variables to Scope (Useful for Debugging)
+        this.inputButton = inputButton
+        this.editor = editor
+
         if (debug) {
+            // Output to Console
             console.log('initialized:', {
                 options: editor.opts.endpoint,
-                instance: this
+                instance: this,
+                inputButton: inputButton.uid,
             })
         }
 
@@ -61,12 +89,16 @@ FroalaEditor.PLUGINS.linkManager = function linkManager (editor: any) {
         // editor.events.add('contentChanged', function (params) {});
     }
 
-    function onClick() {
+    function onClick(el?: HTMLElement, data?: any) {
         if (!editor.el) {
             console.warn('linkManager.onClick(): unable to find element')
             return
         }
-        inputButton.onClick(editor.el, linkPlugin.get())
+        const link = editor.link.get()
+        if (debug) {
+            console.log('[linkManager.onClick()]:', link)
+        }
+        inputButton.onClick(editor.el, link)
     }
 
     // Expose public methods.
@@ -84,10 +116,14 @@ FroalaEditor.PLUGINS.linkManager = function linkManager (editor: any) {
 FroalaEditor.RegisterCommand('linkManager', {
     title: 'Insert from Link Library',
     undo: false,
-    focus: false,
+    focus: true,
     modal: true,
+    //refreshAfterCallback: false,
+    refreshOnCallback: false,
     callback() {
-        this.linkManager.onClick(undefined, FroalaEditor.PLUGINS.link(this).get())
+        // console.log('linkManager callback initiated!', this.link)
+        // console.log('selection:', this.selection.isCollapsed(), this.selection, this.$el)
+        this.linkManager.onClick()
     },
     plugin: 'linkManager',
 }),
@@ -100,7 +136,9 @@ FroalaEditor.RegisterCommand('linkManagerEdit', {
     focus: false,
     modal: true,
     callback() {
-        this.linkManager.onClick(undefined, FroalaEditor.PLUGINS.link(this).get())
+        // TODO: Review the Quick Insert command to determine if this needs the same logic changes as the toolbar button
+        // console.log('linkManagerEdit callback initiated!', this.link)
+        this.linkManager.onClick(undefined, this.link.get())
     },
     plugin: 'linkManager',
 }),
@@ -127,10 +165,12 @@ FroalaEditor.RegisterQuickInsertButton('link', {
             // Contextual `this` is equivalent to the editor instance
             editor: this,
             insert: (link: Link) => {
-                FroalaEditor.PLUGINS.link(this).insert(link.url, '', {'aria-label': link.title})
+                this.link.insert(link.url, '', {'aria-label': link.title})
             },
             autoSaveSelection: true,
+            // maintainSnapshot: false,
             autoRestoreSelection: true,
+            // maintainSelection: true,
             debug
         })
         if (!this.el) {

package/src/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["main.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;YAcA,IAAI,IAAI,KAAK,oBAAM,CAAC,KAAK,CAAC,EAAE;gBACxB,qBAAc,EAAE,CAAA;aACnB;YAGD,iDAAsB,EAAE,CAAC,eAAe,CAAC,sBAAS,CAAC;iBAC9C,IAAI,CAAC,CAAC,MAAwB,EAAE,EAAE;gBAC/B,OAAO,CAAC,GAAG,CAAC,8CAA8C,CAAC,CAAA;YAyB/D,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,0CAA0C,EAAE,GAAG,CAAC,CAAC,CAAA;QACjF,CAAC","file":"main.js"}
+{"version":3,"sources":["main.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;YAiBA,IAAI,IAAI,KAAK,oBAAM,CAAC,KAAK,CAAC,EAAE;gBACxB,qBAAc,EAAE,CAAA;aACnB;YAGD,iDAAsB,EAAE,CAAC,eAAe,CAAC,sBAAS,CAAC;iBAC9C,IAAI,CAAC,CAAC,MAAwB,EAAE,EAAE;gBAC/B,OAAO,CAAC,GAAG,CAAC,8CAA8C,CAAC,CAAA;YAyB/D,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,0CAA0C,EAAE,GAAG,CAAC,CAAC,CAAA;QACjF,CAAC","file":"main.js"}

package/src/main.ts

@@ -1,6 +1,9 @@
 // Normalizers
 import './polyfills'
 
+// Compiler is Required for PlatformBrowserDynamic in Angular 13+
+// import '@angular/compiler'
+
 // Angular Core
 import {enableProdMode, NgModuleRef} from '@angular/core'
 import {platformBrowserDynamic} from '@angular/platform-browser-dynamic'