@stratusjs/angular 0.3.9 → 0.4.0

package/src/froala/plugins/inputButton.js

@@ -17,6 +17,10 @@ System.register(["@stratusjs/runtime/stratus", "lodash"], function (exports_1, c
                     this.debug = false;
                     this.name = 'inputButton';
                     this.eventName = 'input-button';
+                    this.autoRestoreSelection = false;
+                    this.autoSaveSelection = false;
+                    this.maintainSelection = false;
+                    this.maintainSnapshot = false;
                     this.uid = lodash_1.default.uniqueId(`input_button_`);
                     stratus_1.Stratus.Instances[this.uid] = this;
                     this.debug = options && options.debug;
@@ -26,6 +30,11 @@ System.register(["@stratusjs/runtime/stratus", "lodash"], function (exports_1, c
                     this.name = options.name || this.name;
                     this.eventName = options.eventName || this.eventName;
                     this.editor = options.editor || null;
+                    this.insert = options.insert || null;
+                    this.autoRestoreSelection = options.autoRestoreSelection || null;
+                    this.autoSaveSelection = options.autoSaveSelection || null;
+                    this.maintainSelection = options.maintainSelection || null;
+                    this.maintainSnapshot = options.maintainSnapshot || null;
                 }
                 findUID(el) {
                     if ('uid' in el.dataset) {
@@ -45,6 +54,9 @@ System.register(["@stratusjs/runtime/stratus", "lodash"], function (exports_1, c
                     if (!instance) {
                         return;
                     }
+                    if (this.autoSaveSelection) {
+                        this.saveSelection();
+                    }
                     this.updateSnapshot();
                     instance.trigger(this.eventName, null, this);
                 }
@@ -52,8 +64,8 @@ System.register(["@stratusjs/runtime/stratus", "lodash"], function (exports_1, c
                     if (this.debug) {
                         console.log(`${this.name}.trigger():`, name, data, callee);
                     }
-                    if (!lodash_1.default.isString(data)) {
-                        console.warn(`${this.name}.trigger():`, data, 'is not a data string.');
+                    if (lodash_1.default.isEmpty(data)) {
+                        console.warn(`${this.name}.trigger():`, data, 'is not valid data.');
                         return;
                     }
                     if (!this.editor) {
@@ -67,10 +79,19 @@ System.register(["@stratusjs/runtime/stratus", "lodash"], function (exports_1, c
                     if (!this.restoreSnapshot()) {
                         return;
                     }
-                    this.editor.html.insert(data);
+                    if (this.autoRestoreSelection) {
+                        this.restoreSelection();
+                    }
+                    this.insert ? this.insert(data) : this.editor.html.insert(data);
                     this.updateSnapshot();
+                    if (this.maintainSelection) {
+                        this.saveSelection();
+                    }
                 }
                 restoreSnapshot() {
+                    if (!this.maintainSnapshot) {
+                        return true;
+                    }
                     if (!this.snapshot) {
                         console.warn(`${this.name}.restoreSnapshot(): unable to restore editor session without a snapshot.`);
                         return false;
@@ -80,8 +101,36 @@ System.register(["@stratusjs/runtime/stratus", "lodash"], function (exports_1, c
                     return true;
                 }
                 updateSnapshot() {
+                    if (!this.maintainSnapshot) {
+                        return true;
+                    }
                     this.snapshot = this.editor.snapshot.get();
                 }
+                restoreSelection() {
+                    if (!this.editor.selection) {
+                        console.warn(`${this.name}.restoreSelection(): unable to restore editor selection.`);
+                        return false;
+                    }
+                    this.editor.events.focus();
+                    this.editor.selection.restore();
+                    return true;
+                }
+                saveSelection() {
+                    if (!this.editor.selection) {
+                        console.warn(`${this.name}.saveSelection(): unable to save editor selection.`);
+                        return false;
+                    }
+                    this.editor.selection.save();
+                    return true;
+                }
+                clearSelection() {
+                    if (!this.editor.selection) {
+                        console.warn(`${this.name}.clearSelection(): unable to clear editor selection.`);
+                        return false;
+                    }
+                    this.editor.selection.clear();
+                    return true;
+                }
             };
             exports_1("InputButtonPlugin", InputButtonPlugin);
         }

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

@@ -1 +1 @@
-{"version":3,"sources":["inputButton.ts"],"names":[],"mappings":"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","file":"inputButton.js"}
+{"version":3,"sources":["inputButton.ts"],"names":[],"mappings":"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","file":"inputButton.js"}

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

@@ -1 +1 @@
-System.register(["@stratusjs/runtime/stratus","lodash"],function(t,e){"use strict";var s,n;e&&e.id;return{setters:[function(t){s=t},function(t){n=t}],execute:function(){t("InputButtonPlugin",class{constructor(t){this.debug=!1,this.name="inputButton",this.eventName="input-button",this.uid=n.default.uniqueId("input_button_"),s.Stratus.Instances[this.uid]=this,this.debug=t&&t.debug,t&&"object"==typeof t||(t={}),this.name=t.name||this.name,this.eventName=t.eventName||this.eventName,this.editor=t.editor||null}findUID(t){return"uid"in t.dataset?t.dataset.uid:this.findUID(t.parentElement)}getInstance(t){if(t in s.Stratus.Instances)return s.Stratus.Instances[t]}onClick(t){const e=this.findUID(t),s=this.getInstance(e);s&&(this.updateSnapshot(),s.trigger(this.eventName,null,this))}trigger(t,e,s){this.debug&&console.log(`${this.name}.trigger():`,t,e,s),n.default.isString(e)?this.editor?"insert"===t?this.restoreSnapshot()&&(this.editor.html.insert(e),this.updateSnapshot()):console.warn(`${this.name}.trigger():`,t,"event is not supported."):console.warn(`${this.name}.trigger(): unable to inject html without a set editor.`):console.warn(`${this.name}.trigger():`,e,"is not a data string.")}restoreSnapshot(){return this.snapshot?(this.editor.events.focus(),this.editor.snapshot.restore(this.snapshot),!0):(console.warn(`${this.name}.restoreSnapshot(): unable to restore editor session without a snapshot.`),!1)}updateSnapshot(){this.snapshot=this.editor.snapshot.get()}})}}});
+System.register(["@stratusjs/runtime/stratus","lodash"],function(t,e){"use strict";var i,s;e&&e.id;return{setters:[function(t){i=t},function(t){s=t}],execute:function(){t("InputButtonPlugin",class{constructor(t){this.debug=!1,this.name="inputButton",this.eventName="input-button",this.autoRestoreSelection=!1,this.autoSaveSelection=!1,this.maintainSelection=!1,this.maintainSnapshot=!1,this.uid=s.default.uniqueId("input_button_"),i.Stratus.Instances[this.uid]=this,this.debug=t&&t.debug,t&&"object"==typeof t||(t={}),this.name=t.name||this.name,this.eventName=t.eventName||this.eventName,this.editor=t.editor||null,this.insert=t.insert||null,this.autoRestoreSelection=t.autoRestoreSelection||null,this.autoSaveSelection=t.autoSaveSelection||null,this.maintainSelection=t.maintainSelection||null,this.maintainSnapshot=t.maintainSnapshot||null}findUID(t){return"uid"in t.dataset?t.dataset.uid:this.findUID(t.parentElement)}getInstance(t){if(t in i.Stratus.Instances)return i.Stratus.Instances[t]}onClick(t){const e=this.findUID(t),i=this.getInstance(e);i&&(this.autoSaveSelection&&this.saveSelection(),this.updateSnapshot(),i.trigger(this.eventName,null,this))}trigger(t,e,i){this.debug&&console.log(`${this.name}.trigger():`,t,e,i),s.default.isEmpty(e)?console.warn(`${this.name}.trigger():`,e,"is not valid data."):this.editor?"insert"===t?this.restoreSnapshot()&&(this.autoRestoreSelection&&this.restoreSelection(),this.insert?this.insert(e):this.editor.html.insert(e),this.updateSnapshot(),this.maintainSelection&&this.saveSelection()):console.warn(`${this.name}.trigger():`,t,"event is not supported."):console.warn(`${this.name}.trigger(): unable to inject html without a set editor.`)}restoreSnapshot(){return!this.maintainSnapshot||(this.snapshot?(this.editor.events.focus(),this.editor.snapshot.restore(this.snapshot),!0):(console.warn(`${this.name}.restoreSnapshot(): unable to restore editor session without a snapshot.`),!1))}updateSnapshot(){if(!this.maintainSnapshot)return!0;this.snapshot=this.editor.snapshot.get()}restoreSelection(){return this.editor.selection?(this.editor.events.focus(),this.editor.selection.restore(),!0):(console.warn(`${this.name}.restoreSelection(): unable to restore editor selection.`),!1)}saveSelection(){return this.editor.selection?(this.editor.selection.save(),!0):(console.warn(`${this.name}.saveSelection(): unable to save editor selection.`),!1)}clearSelection(){return this.editor.selection?(this.editor.selection.clear(),!0):(console.warn(`${this.name}.clearSelection(): unable to clear editor selection.`),!1)}})}}});

package/src/froala/plugins/inputButton.ts

@@ -5,13 +5,17 @@ import {
 import {
     TriggerInterface
 } from '@stratusjs/angular/core/trigger.interface'
+import {
+    LooseFunction,
+    LooseObject
+} from '@stratusjs/core/misc'
 
 // External Dependencies
 import _ from 'lodash'
 
 // Universal Button
 // TODO: Move this elsewhere, since it isn't specific to Froala
-export class InputButtonPlugin implements TriggerInterface {
+export class InputButtonPlugin<EventData = string|LooseObject> implements TriggerInterface {
     // Local
     uid: string
     snapshot: any
@@ -21,6 +25,11 @@ export class InputButtonPlugin implements TriggerInterface {
     name = 'inputButton'
     eventName = 'input-button'
     editor: any
+    insert: LooseFunction
+    autoRestoreSelection = false
+    autoSaveSelection = false
+    maintainSelection = false
+    maintainSnapshot = false
 
     // The quill parameter should be a type of Quill, but that doesn't appear to have the container attribute
     constructor(options: any) {
@@ -37,6 +46,11 @@ export class InputButtonPlugin implements TriggerInterface {
         this.name = options.name || this.name
         this.eventName = options.eventName || this.eventName
         this.editor = options.editor || null
+        this.insert = options.insert || null
+        this.autoRestoreSelection = options.autoRestoreSelection || null
+        this.autoSaveSelection = options.autoSaveSelection || null
+        this.maintainSelection = options.maintainSelection || null
+        this.maintainSnapshot = options.maintainSnapshot || null
     }
 
     findUID(el: HTMLElement): string {
@@ -59,20 +73,23 @@ export class InputButtonPlugin implements TriggerInterface {
         if (!instance) {
             return
         }
-        // FIXME: The snapshot is specific to Froala
+        // Save selection before passing off event
+        if (this.autoSaveSelection) {
+            this.saveSelection()
+        }
         // Get snapshot before passing off event
         this.updateSnapshot()
         instance.trigger(this.eventName, null, this)
     }
 
-    trigger(name: string, data: any, callee: TriggerInterface) {
-        // This allows  us to handle data on the return
+    trigger(name: string, data: EventData, callee: TriggerInterface) {
+        // This allows us to handle data on the return
         if (this.debug) {
             console.log(`${this.name}.trigger():`, name, data, callee)
         }
         // This checks the data and inserts it on the cursor
-        if (!_.isString(data)) {
-            console.warn(`${this.name}.trigger():`, data, 'is not a data string.')
+        if (_.isEmpty(data)) {
+            console.warn(`${this.name}.trigger():`, data, 'is not valid data.')
             return
         }
         if (!this.editor) {
@@ -83,17 +100,28 @@ export class InputButtonPlugin implements TriggerInterface {
             console.warn(`${this.name}.trigger():`, name, 'event is not supported.')
             return
         }
-        // FIXME: Everything below is specific to the Froala API
+        // Handle the Froala Editor Insertion
         if (!this.restoreSnapshot()) {
             return
         }
+        // Attempt to Restore Selection
+        if (this.autoRestoreSelection) {
+            this.restoreSelection()
+        }
         // Insert our data into Froala on the caret
-        this.editor.html.insert(data)
+        this.insert ? this.insert(data): this.editor.html.insert(data)
         // Update snapshot for next insert
         this.updateSnapshot()
+        // Save new selection
+        if (this.maintainSelection) {
+            this.saveSelection()
+        }
     }
 
     restoreSnapshot(): boolean {
+        if (!this.maintainSnapshot) {
+            return true
+        }
         if (!this.snapshot) {
             console.warn(`${this.name}.restoreSnapshot(): unable to restore editor session without a snapshot.`)
             return false
@@ -106,177 +134,40 @@ export class InputButtonPlugin implements TriggerInterface {
     }
 
     updateSnapshot() {
-        // FIXME: This is specific to the Froala API
+        if (!this.maintainSnapshot) {
+            return true
+        }
         this.snapshot = this.editor.snapshot.get()
     }
 
-    /**
-     * Insert link into the editor.
-     */
-    // insertLink(href: any, text: any, attrs: any) {
-    //     if (typeof attrs == 'undefined') attrs = {};
-    //     if (this.editor.events.trigger('link.beforeInsert', [href, text, attrs]) === false) return false; // Get image if we have one selected.
-    //
-    //     let $current_image = this.editor.image ? this.editor.image.get() : null;
-    //
-    //     if (!$current_image && this.editor.el.tagName != 'A') {
-    //         this.editor.selection.restore();
-    //         this.editor.popups.hide('link.insert');
-    //     } else if (this.editor.el.tagName == 'A') {
-    //         this.editor.$el.focus();
-    //     }
-    //
-    //     let original_href = href; // Convert email address.
-    //
-    //     if (this.editor.opts.linkConvertEmailAddress) {
-    //         if (this.editor.helpers.isEmail(href) && !/^mailto:.*/i.test(href)) {
-    //             href = "mailto:".concat(href);
-    //         }
-    //     } // Check if is local path.
-    //
-    //
-    //     let local_path = /^([A-Za-z]:(\\){1,2}|[A-Za-z]:((\\){1,2}[^\\]+)+)(\\)?$/i; // Add autoprefix.
-    //
-    //     if (this.editor.opts.linkAutoPrefix !== '' && !new RegExp('^(' + FE.LinkProtocols.join('|') + '):.', 'i').test(href) && !/^data:image.*/i.test(href) && !/^(https?:|ftps?:|file:|)\/\//i.test(href) && !local_path.test(href)) {
-    //         // Do prefix only if starting character is not absolute.
-    //         if (['/', '{', '[', '#', '(', '.'].indexOf((href || '')[0]) < 0) {
-    //             href = this.editor.opts.linkAutoPrefix + href;
-    //         }
-    //     } // Sanitize the URL.
-    //
-    //
-    //     href = this.editor.helpers.sanitizeURL(href); // Default attributs.
-    //
-    //     if (this.editor.opts.linkAlwaysBlank) attrs.target = '_blank';
-    //     if (this.editor.opts.linkAlwaysNoFollow) attrs.rel = 'nofollow';
-    //
-    //     if (this.editor.helpers.isEmail(original_href)) {
-    //         attrs.target = null;
-    //         attrs.rel = null;
-    //     } // https://github.com/froala/wysiwyg-editor/issues/1576.
-    //
-    //
-    //     if (attrs.target == '_blank') {
-    //         if (this.editor.opts.linkNoOpener) {
-    //             if (!attrs.rel) attrs.rel = 'noopener';else attrs.rel += ' noopener';
-    //         }
-    //
-    //         if (this.editor.opts.linkNoReferrer) {
-    //             if (!attrs.rel) attrs.rel = 'noreferrer';else attrs.rel += ' noreferrer';
-    //         }
-    //     } else if (attrs.target == null) {
-    //         if (attrs.rel) {
-    //             attrs.rel = attrs.rel.replace(/noopener/, '').replace(/noreferrer/, '');
-    //         } else {
-    //             attrs.rel = null;
-    //         }
-    //     } // Format text.
-    //
-    //
-    //     text = text || '';
-    //
-    //     if (href === this.editor.opts.linkAutoPrefix) {
-    //         let $popup = this.editor.popups.get('link.insert');
-    //         $popup.find('input[name="href"]').addClass('fr-error');
-    //         this.editor.events.trigger('link.bad', [original_href]);
-    //         return false;
-    //     } // Check if we have selection only in one link.
-    //
-    //
-    //     let link = get();
-    //     let $link;
-    //
-    //     if (link) {
-    //         $link = $(link);
-    //         $link.attr('href', href); // Change text if it is different.
-    //
-    //         if (text.length > 0 && $link.text() != text && !$current_image) {
-    //             let child = $link.get(0);
-    //
-    //             while (child.childNodes.length === 1 && child.childNodes[0].nodeType == Node.ELEMENT_NODE) {
-    //                 child = child.childNodes[0];
-    //             }
-    //
-    //             $(child).text(text);
-    //         }
-    //
-    //         if (!$current_image) {
-    //             $link.prepend(FE.START_MARKER).append(FE.END_MARKER);
-    //         } // Set attributes.
-    //         // https://github.com/froala-labs/froala-editor-js-2/issues/2023
-    //
-    //
-    //         for (let prop in attrs) {
-    //             if (!attrs[prop]) {
-    //                 $link.removeAttr(prop);
-    //             } else {
-    //                 $link.attr(prop, attrs[prop]);
-    //             }
-    //         }
-    //
-    //         if (!$current_image) {
-    //             this.editor.selection.restore();
-    //         }
-    //     } else {
-    //         // We don't have any image selected.
-    //         if (!$current_image) {
-    //             // Remove current links.
-    //             this.editor.format.remove('a'); // Nothing is selected.
-    //
-    //             if (this.editor.selection.isCollapsed()) {
-    //                 text = text.length === 0 ? original_href : text;
-    //                 this.editor.html.insert("<a href=\"".concat(href, "\">").concat(FE.START_MARKER).concat(text.replace(/&/g, '&amp;').replace(/</, '&lt;', '>', '&gt;')).concat(FE.END_MARKER, "</a>"));
-    //                 this.editor.selection.restore();
-    //             } else {
-    //                 if (text.length > 0 && text != this.editor.selection.text().replace(/\n/g, '')) {
-    //                     this.editor.selection.remove();
-    //                     this.editor.html.insert("<a href=\"".concat(href, "\">").concat(FE.START_MARKER).concat(text.replace(/&/g, '&amp;')).concat(FE.END_MARKER, "</a>"));
-    //                     this.editor.selection.restore();
-    //                 } else {
-    //                     _split(); // Add link.
-    //
-    //
-    //                     this.editor.format.apply('a', {
-    //                         href: href
-    //                     });
-    //                 }
-    //             }
-    //         } else {
-    //             // Just wrap current image with a link.
-    //             $current_image.wrap("<a href=\"".concat(href, "\"></a>"));
-    //
-    //             if (this.editor.image.hasCaption()) {
-    //                 $current_image.parent().append($current_image.parents('.fr-img-caption').find('.fr-inner'));
-    //             }
-    //         } // Set attributes.
-    //
-    //
-    //         let links = allSelected();
-    //
-    //         for (let i = 0; i < links.length; i++) {
-    //             $link = $(links[i]);
-    //             $link.attr(attrs);
-    //             $link.removeAttr('_moz_dirty');
-    //         } // Show link edit if only one link.
-    //
-    //
-    //         if (links.length == 1 && this.editor.$wp && !$current_image) {
-    //             $(links[0]).prepend(FE.START_MARKER).append(FE.END_MARKER);
-    //             this.editor.selection.restore();
-    //         }
-    //     } // Hide popup and try to edit.
-    //
-    //
-    //     if (!$current_image) {
-    //         _edit();
-    //     } else {
-    //         let $pop = this.editor.popups.get('link.insert');
-    //
-    //         if ($pop) {
-    //             $pop.find('input:focus').blur();
-    //         }
-    //
-    //         this.editor.image.edit($current_image);
-    //     }
-    // }
+    restoreSelection(): boolean {
+        // Ensure selection exists
+        if (!this.editor.selection) {
+            console.warn(`${this.name}.restoreSelection(): unable to restore editor selection.`)
+            return false
+        }
+        // Get focus back to the editor
+        this.editor.events.focus()
+        // Restore last selection
+        this.editor.selection.restore()
+        return true
+    }
+
+    saveSelection(): boolean {
+        if (!this.editor.selection) {
+            console.warn(`${this.name}.saveSelection(): unable to save editor selection.`)
+            return false
+        }
+        this.editor.selection.save()
+        return true
+    }
+
+    clearSelection(): boolean {
+        if (!this.editor.selection) {
+            console.warn(`${this.name}.clearSelection(): unable to clear editor selection.`)
+            return false
+        }
+        this.editor.selection.clear()
+        return true
+    }
 }

package/src/froala/plugins/linkManager.js

@@ -23,6 +23,11 @@ System.register(["@stratusjs/angular/froala/plugins/inputButton", "froala-editor
                         name: 'Link Manager',
                         eventName: 'link-library',
                         editor,
+                        insert: (link) => {
+                            froala_editor_1.default.PLUGINS.link(editor).insert(link.url, '', { 'aria-label': link.title });
+                        },
+                        autoSaveSelection: true,
+                        autoRestoreSelection: true,
                         debug
                     });
                     if (debug) {
@@ -44,21 +49,20 @@ System.register(["@stratusjs/angular/froala/plugins/inputButton", "froala-editor
                     onClick
                 };
             };
-            froala_editor_1.default.DEFAULTS.imageInsertButtons.push('linkManager'),
-                froala_editor_1.default.RegisterCommand('linkManager', {
-                    title: 'Insert from Link Library',
-                    undo: false,
-                    focus: false,
-                    modal: true,
-                    callback() {
-                        const debug = false;
-                        if (debug) {
-                            console.log('clicked:', this.linkManager);
-                        }
-                        this.linkManager.onClick();
-                    },
-                    plugin: 'linkManager',
-                }),
+            froala_editor_1.default.RegisterCommand('linkManager', {
+                title: 'Insert from Link Library',
+                undo: false,
+                focus: false,
+                modal: true,
+                callback() {
+                    const debug = false;
+                    if (debug) {
+                        console.log('clicked:', this.linkManager);
+                    }
+                    this.linkManager.onClick();
+                },
+                plugin: 'linkManager',
+            }),
                 froala_editor_1.default.DefineIcon('linkManager', { NAME: 'folder', SVG_KEY: 'insertLink' }),
                 froala_editor_1.default.DefineIcon('linkManagerInsert', { NAME: 'plus', SVG_KEY: 'add' }),
                 froala_editor_1.default.DefineIcon('linkManagerDelete', { NAME: 'trash', SVG_KEY: 'remove' });
@@ -71,6 +75,11 @@ System.register(["@stratusjs/angular/froala/plugins/inputButton", "froala-editor
                         name: 'Link Manager',
                         eventName: 'link-library',
                         editor: this,
+                        insert: (link) => {
+                            froala_editor_1.default.PLUGINS.link(this).insert(link.url, '', { 'aria-label': link.title });
+                        },
+                        autoSaveSelection: true,
+                        autoRestoreSelection: true,
                         debug
                     });
                     if (!this.el) {

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

@@ -1 +1 @@
-{"version":3,"sources":["linkManager.ts"],"names":[],"mappings":";;;;;;;;;;;;;;YASA,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,KAAK,GAAG,KAAK,CAAA;gBAGnB,SAAS,KAAK;oBACV,WAAW,GAAG,IAAI,+BAAiB,CAAC;wBAChC,IAAI,EAAE,cAAc;wBACpB,SAAS,EAAE,cAAc;wBACzB,MAAM;wBACN,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,CAAC,CAAA;gBAClC,CAAC;gBAKD,OAAO;oBAEH,KAAK;oBACL,OAAO;iBACV,CAAA;YACL,CAAC,CAAA;YAGD,uBAAY,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,aAAa,CAAC;gBACxD,uBAAY,CAAC,eAAe,CAAC,aAAa,EAAE;oBACxC,KAAK,EAAE,0BAA0B;oBACjC,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,KAAK;oBACZ,KAAK,EAAE,IAAI;oBACX,QAAQ;wBACJ,MAAM,KAAK,GAAG,KAAK,CAAA;wBACnB,IAAI,KAAK,EAAE;4BACP,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;yBAC5C;wBACD,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAA;oBAC9B,CAAC;oBACD,MAAM,EAAE,aAAa;iBACxB,CAAC;gBACF,uBAAY,CAAC,UAAU,CAAC,aAAa,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAC,CAAC;gBAC/E,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;YAGpF,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,CAAC;wBACtC,IAAI,EAAE,cAAc;wBACpB,SAAS,EAAE,cAAc;wBAEzB,MAAM,EAAE,IAAI;wBACZ,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":"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","file":"linkManager.js"}

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

@@ -1 +1 @@
-System.register(["@stratusjs/angular/froala/plugins/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;return{_init:function(){e=new t.InputButtonPlugin({name:"Link Manager",eventName:"link-library",editor:n,debug:false})},onClick:function(){n.el?e.onClick(n.el):console.warn("linkManager.onClick(): unable to find element")}}},i.default.DEFAULTS.imageInsertButtons.push("linkManager"),i.default.RegisterCommand("linkManager",{title:"Insert from Link Library",undo:!1,focus:!1,modal:!0,callback(){this.linkManager.onClick()},plugin:"linkManager"}),i.default.DefineIcon("linkManager",{NAME:"folder",SVG_KEY:"insertLink"}),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,debug:!1});this.el?n.onClick(this.el):console.warn("linkManager.onClick(): unable to find element")},undo:!0})}}});
+System.register(["@stratusjs/angular/froala/plugins/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;return{_init:function(){e=new t.InputButtonPlugin({name:"Link Manager",eventName:"link-library",editor:n,insert:e=>{i.default.PLUGINS.link(n).insert(e.url,"",{"aria-label":e.title})},autoSaveSelection:!0,autoRestoreSelection:!0,debug:false})},onClick:function(){n.el?e.onClick(n.el):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()},plugin:"linkManager"}),i.default.DefineIcon("linkManager",{NAME:"folder",SVG_KEY:"insertLink"}),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})}}});

package/src/froala/plugins/linkManager.ts

@@ -2,6 +2,9 @@
 import {
     InputButtonPlugin
 } from '@stratusjs/angular/froala/plugins/inputButton'
+import {
+    Link
+} from '@stratusjs/angular/editor/link-dialog.component'
 
 // @ts-ignore
 import FroalaEditor from 'froala-editor'
@@ -21,10 +24,15 @@ FroalaEditor.PLUGINS.linkManager = function linkManager (editor: any) {
 
     // When the plugin is initialized,this will be called.
     function _init() {
-        inputButton = new InputButtonPlugin({
+        inputButton = new InputButtonPlugin<Link>({
             name: 'Link Manager',
             eventName: 'link-library',
             editor,
+            insert: (link: Link) => {
+                FroalaEditor.PLUGINS.link(editor).insert(link.url, '', {'aria-label': link.title})
+            },
+            autoSaveSelection: true,
+            autoRestoreSelection: true,
             debug
         })
 
@@ -61,24 +69,28 @@ FroalaEditor.PLUGINS.linkManager = function linkManager (editor: any) {
 }
 
 // Insert Plugin to Image Insert
-FroalaEditor.DEFAULTS.imageInsertButtons.push('linkManager'),
-    FroalaEditor.RegisterCommand('linkManager', {
-        title: 'Insert from Link Library',
-        undo: false,
-        focus: false,
-        modal: true,
-        callback() {
-            const debug = false
-            if (debug) {
-                console.log('clicked:', this.linkManager)
-            }
-            this.linkManager.onClick()
-        },
-        plugin: 'linkManager',
-    }),
-    FroalaEditor.DefineIcon('linkManager', {NAME: 'folder', SVG_KEY: 'insertLink'}),
-    FroalaEditor.DefineIcon('linkManagerInsert', {NAME: 'plus', SVG_KEY: 'add'}),
-    FroalaEditor.DefineIcon('linkManagerDelete', {NAME: 'trash', SVG_KEY: 'remove'})
+// FroalaEditor.DEFAULTS.imageInsertButtons.push('linkManager')
+FroalaEditor.RegisterCommand('linkManager', {
+    title: 'Insert from Link Library',
+    undo: false,
+    focus: false,
+    modal: true,
+    callback() {
+        // debug info (move variable elsewhere)
+        const debug = false
+        if (debug) {
+            console.log('clicked:', this.linkManager)
+        }
+        // testing selection saving at earlier point to avoid loss of data
+        // this.selection.save()
+        // initiate click
+        this.linkManager.onClick()
+    },
+    plugin: 'linkManager',
+}),
+FroalaEditor.DefineIcon('linkManager', {NAME: 'folder', SVG_KEY: 'insertLink'}),
+FroalaEditor.DefineIcon('linkManagerInsert', {NAME: 'plus', SVG_KEY: 'add'}),
+FroalaEditor.DefineIcon('linkManagerDelete', {NAME: 'trash', SVG_KEY: 'remove'})
 
 // Define a quick insert button
 FroalaEditor.RegisterQuickInsertButton('link', {
@@ -91,11 +103,16 @@ FroalaEditor.RegisterQuickInsertButton('link', {
     // Callback for the button.
     callback: function linkManagerCallback () {
         const debug = false
-        const inputButton = new InputButtonPlugin({
+        const inputButton = new InputButtonPlugin<Link>({
             name: 'Link Manager',
             eventName: 'link-library',
             // Contextual `this` is equivalent to the editor instance
             editor: this,
+            insert: (link: Link) => {
+                FroalaEditor.PLUGINS.link(this).insert(link.url, '', {'aria-label': link.title})
+            },
+            autoSaveSelection: true,
+            autoRestoreSelection: true,
             debug
         })
         if (!this.el) {