From d94e1a592ba41db9cecbc6f42e9b1c5a8b8160db Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 14 Sep 2022 11:21:17 +0200
Subject: [PATCH] wip #5450 @1.5

---
 app/Models/ToolSVGSprite.php                  |  4 +-
 .../fluidbook/toolbox/css/linkeditor.css      | 38 +++++++++++++
 .../fluidbook/toolbox/css/linkeditor.css.map  |  2 +-
 .../fluidbook/toolbox/css/linkeditor.less     | 53 +++++++++++++++++--
 .../fluidbook/toolbox/js/linkeditor.js        |  7 +++
 .../link_editor_icons.blade.php               | 11 +++-
 6 files changed, 109 insertions(+), 6 deletions(-)

diff --git a/app/Models/ToolSVGSprite.php b/app/Models/ToolSVGSprite.php
index 153e6ab3d..59d386d6d 100644
--- a/app/Models/ToolSVGSprite.php
+++ b/app/Models/ToolSVGSprite.php
@@ -48,10 +48,12 @@ class ToolSVGSprite extends ToolboxModel
     {
         $res = '<div class="svg-sprite" style="height: 0;width: 0;position: absolute;" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" style="display: none;">';
         foreach ($this->icons as $icon) {
-            if (preg_match('/<svg(.*)viewBox="([^\"]+)"([^>]*)>(.*)<\/svg>/m', $icon['svgcode'], $matches)) {
+            if (preg_match('/<svg(.*)viewBox="([^\"]+)"([^>]*)?>(.*)<\/svg>/ms', $icon['svgcode'], $matches)) {
                 $svg = $matches[4];
                 $svg = preg_replace('/#[0-9a-fA-F]{6}/', 'currentColor', $svg);
                 $res .= '<symbol id="' . $this->prefix . $icon['iconname'] . '" viewBox="' . $matches[2] . '">' . $svg . '</symbol>';
+            }else{
+                dd($icon['svgcode']);
             }
         }
 
diff --git a/public/packages/fluidbook/toolbox/css/linkeditor.css b/public/packages/fluidbook/toolbox/css/linkeditor.css
index 557bcd3be..9b2c19ffb 100644
--- a/public/packages/fluidbook/toolbox/css/linkeditor.css
+++ b/public/packages/fluidbook/toolbox/css/linkeditor.css
@@ -38,6 +38,44 @@ html {
   background-color: #dbdddf;
   color: #5d5d5d;
   height: 51px;
+  padding: 10px;
+}
+#linkeditor #linkeditor-main #linkeditor-toolbar nav {
+  display: inline-block;
+  height: 30px;
+  vertical-align: top;
+  width: 33%;
+}
+#linkeditor #linkeditor-main #linkeditor-toolbar div {
+  display: inline-block;
+}
+#linkeditor #linkeditor-main #linkeditor-toolbar .separator {
+  width: 0;
+  height: 30px;
+  margin: 0 5px;
+  border-left: 1px solid #5d5d5d;
+}
+#linkeditor #linkeditor-main #linkeditor-toolbar [data-icon] {
+  display: inline-block;
+  vertical-align: top;
+  height: 30px;
+  padding: 5px;
+  border-radius: 5px;
+  margin: 0 5px;
+  color: #5d5d5d;
+}
+#linkeditor #linkeditor-main #linkeditor-toolbar [data-icon]:hover {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+#linkeditor #linkeditor-main #linkeditor-toolbar [data-icon].arrow {
+  padding: 1px;
+}
+#linkeditor #linkeditor-main #linkeditor-toolbar [data-icon].arrow svg {
+  height: 18px;
+}
+#linkeditor #linkeditor-main #linkeditor-toolbar [data-icon] svg {
+  height: 20px;
+  width: auto;
 }
 #linkeditor #linkeditor-main #linkeditor-editor {
   position: relative;
diff --git a/public/packages/fluidbook/toolbox/css/linkeditor.css.map b/public/packages/fluidbook/toolbox/css/linkeditor.css.map
index c2388b4fb..9548e9bde 100644
--- a/public/packages/fluidbook/toolbox/css/linkeditor.css.map
+++ b/public/packages/fluidbook/toolbox/css/linkeditor.css.map
@@ -1 +1 @@
-{"version":3,"sources":["linkeditor.less"],"names":[],"mappings":"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","file":"linkeditor.css"}
\ No newline at end of file
+{"version":3,"sources":["linkeditor.less"],"names":[],"mappings":"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","file":"linkeditor.css"}
\ No newline at end of file
diff --git a/public/packages/fluidbook/toolbox/css/linkeditor.less b/public/packages/fluidbook/toolbox/css/linkeditor.less
index a36e6745c..4b06efe88 100644
--- a/public/packages/fluidbook/toolbox/css/linkeditor.less
+++ b/public/packages/fluidbook/toolbox/css/linkeditor.less
@@ -37,9 +37,56 @@ body, #linkeditor, html {
         width: ~"calc(100% - 102px)";
 
         #linkeditor-toolbar {
+            @toolbar-color: #5d5d5d;
             background-color: #dbdddf;
-            color: #5d5d5d;
+            color: @toolbar-color;
             height: 51px;
+            padding: 10px;
+
+            nav {
+                display: inline-block;
+                height: 30px;
+                vertical-align: top;
+                width: 33%;
+            }
+
+            div {
+                display: inline-block;
+            }
+
+            .separator {
+                width: 0;
+                height: 30px;
+                margin:0 5px;
+                border-left: 1px solid @toolbar-color;
+            }
+
+            [data-icon] {
+                display: inline-block;
+                vertical-align: top;
+                height: 30px;
+                padding: 5px;
+                border-radius: 5px;
+                margin: 0 5px;
+                color: @toolbar-color;
+
+                &:hover {
+                    background-color: rgba(0, 0, 0, 0.25);
+                }
+
+                &.arrow {
+                    padding: 1px;
+
+                    svg {
+                        height: 18px;
+                    }
+                }
+
+                svg {
+                    height: 20px;
+                    width: auto;
+                }
+            }
         }
 
         #linkeditor-editor {
@@ -79,7 +126,7 @@ body, #linkeditor, html {
                     height: ~"calc( 100% - @{rulers-size})";
                     border-left-width: 1px;
                     cursor: col-resize;
-                    top:@rulers-size;
+                    top: @rulers-size;
 
                     &:after {
                         left: @ruler-margin*-1;
@@ -91,7 +138,7 @@ body, #linkeditor, html {
                     border-bottom-width: 1px;
                     height: 0px;
                     width: ~"calc( 100% - @{rulers-size})";
-                    left:@rulers-size;
+                    left: @rulers-size;
 
                     &:after {
                         top: @ruler-margin*-1;
diff --git a/public/packages/fluidbook/toolbox/js/linkeditor.js b/public/packages/fluidbook/toolbox/js/linkeditor.js
index 28f49fd6c..83fb5ece7 100644
--- a/public/packages/fluidbook/toolbox/js/linkeditor.js
+++ b/public/packages/fluidbook/toolbox/js/linkeditor.js
@@ -116,10 +116,17 @@ $(function () {
         $('#linkeditor-fluidbook').css({
             width: fw, height: ph
         });
+        initToolbar();
         resize();
         changePage();
     }
 
+    function initToolbar() {
+        $("#linkeditor-toolbar [data-icon]").each(function () {
+            $(this).append(getSpriteIcon('linkeditor-' + $(this).data('icon')));
+        });
+    }
+
     function generateUID() {
         var length = 12;
         var result = '';
diff --git a/resources/views/fluidbook_publication/link_editor_icons.blade.php b/resources/views/fluidbook_publication/link_editor_icons.blade.php
index c1fd75b2d..02fa981dc 100644
--- a/resources/views/fluidbook_publication/link_editor_icons.blade.php
+++ b/resources/views/fluidbook_publication/link_editor_icons.blade.php
@@ -1,4 +1,13 @@
-<div class="svg-sprite" style="height: 0;width: 0;position: absolute;" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" style="display: none;"><symbol id="linkeditor-save" viewBox="0 0 14 14"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m13.5 12.5a1 1 0 0 1 -1 1h-11a1 1 0 0 1 -1-1v-9l3-3h9a1 1 0 0 1 1 1z"/><path d="m3.5 8.5h7v5h-7z"/><path d="m4.5.5h6v4h-6z"/></g></symbol><symbol id="linkeditor-first-page" viewBox="0 0 14.941 18.664"><clipPath id="a"><path d="m0 0h18.664v10.883h-18.664z"/></clipPath><g clip-path="url(#a)" transform="matrix(0 -1 1 0 4.059 18.664)"><path d="m0 8.557 8.557-8.557 8.557 8.557" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" transform="translate(.775 1.551)"/></g><path d="m13.909 0h-13.909" fill="none" stroke="currentColor" stroke-width="2" transform="matrix(0 1 -1 0 1 2.377)"/></symbol><symbol id="linkeditor-last-page" viewBox="0 0 14.941 18.664"><clipPath id="a"><path d="m0 0h18.664v10.883h-18.664z"/></clipPath><g clip-path="url(#a)" transform="matrix(0 1 -1 0 10.882 0)"><path d="m0 8.557 8.557-8.557 8.557 8.557" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" transform="translate(.775 1.551)"/></g><path d="m13.909 0h-13.909" fill="none" stroke="currentColor" stroke-width="2" transform="matrix(0 -1 1 0 13.941 16.287)"/></symbol><symbol id="linkeditor-next-page" viewBox="0 0 10.883 18.664"><clipPath id="a"><path d="m0 0h18.664v10.883h-18.664z"/></clipPath><g clip-path="url(#a)" transform="matrix(0 1 -1 0 10.883 0)"><path d="m0 8.557 8.557-8.557 8.557 8.557" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" transform="translate(.775 1.551)"/></g></symbol><symbol id="linkeditor-previous-page" viewBox="0 0 10.883 18.664"><clipPath id="a"><path d="m0 0h18.664v10.883h-18.664z"/></clipPath><g clip-path="url(#a)" transform="matrix(0 -1 1 0 0 18.664)"><path d="m0 8.557 8.557-8.557 8.557 8.557" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" transform="translate(.775 1.551)"/></g></symbol><symbol id="linkeditor-landscape" viewBox="0 0 20 20"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m2.157.715h15.714a1.429 1.429 0 0 1 1.429 1.429v15.714a1.428 1.428 0 0 1 -1.428 1.428h-15.715a1.429 1.429 0 0 1 -1.429-1.429v-15.713a1.429 1.429 0 0 1 1.429-1.429z"/><circle cx="13.214" cy="6.786" r="2.5"/><path d="m13.429 19.286a10.513 10.513 0 0 0 -10.571-8.571 11.247 11.247 0 0 0 -2.143.2"/><path d="m19.286 14.157a11.151 11.151 0 0 0 -3.571-.586 11.271 11.271 0 0 0 -4.472.915"/></g></symbol><symbol id="linkeditor-settings" viewBox="0 0 20 20"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><circle cx="2.857" cy="2.857" r="2.143"/><path d="m0 0h14.286" transform="translate(5 2.857)"/><circle cx="10" cy="10" r="2.143"/><path d="m0 0h7.143" transform="translate(.714 10)"/><path d="m0 0h7.143" transform="translate(12.143 10)"/><circle cx="17.143" cy="17.143" r="2.143"/><path d="m14.286 0h-14.286" transform="translate(.714 17.143)"/></g></symbol><symbol id="linkeditor-wayback-machine" viewBox="0 0 20 20"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m.714 10a9.285 9.285 0 1 0 9.286-9.286 10.331 10.331 0 0 0 -7.143 2.857"/><path d="m3.571.714-.714 2.857 2.857.714"/><path d="m10 5v5.714l-3.714 1.857"/></g></symbol><symbol id="linkeditor-tooltip" viewBox="0 0 21.667 17.846"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m0 0h20.238" transform="translate(.715 17.131)"/><path d="m13.463 11.9-2.63 2.63-2.633-2.63h-2.958a1.316 1.316 0 0 1 -1.316-1.316v-8.554a1.316 1.316 0 0 1 1.316-1.316h11.183a1.316 1.316 0 0 1 1.316 1.316v8.552a1.316 1.316 0 0 1 -1.316 1.318z"/></g></symbol><symbol id="linkeditor-search" viewBox="0 0 20.322 16.684"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m17.571 11.417a.4.4 0 1 0 .211-.763l-7.81-5.354a.791.791 0 0 0 -1.237.7l.61 9.473a.4.4 0 1 0 .762.211l2.722-3.893z"/><path d="m8.029 7.509h-6.42a.894.894 0 0 1 -.894-.894v-5.007a.894.894 0 0 1 .894-.894h17.105a.894.894 0 0 1 .894.894v5.007a.894.894 0 0 1 -.894.894h-5.314"/></g></symbol><symbol id="linkeditor-archives" viewBox="0 0 19.851 20"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m.714 0h3.571a.715.715 0 0 1 .715.715v17.142a.714.714 0 0 1 -.714.714h-3.572a.714.714 0 0 1 -.714-.714v-17.143a.714.714 0 0 1 .714-.714z" transform="translate(.715 .714)"/><path d="m.714 0h3.571a.715.715 0 0 1 .715.715v14.285a.714.714 0 0 1 -.714.714h-3.572a.714.714 0 0 1 -.714-.714v-14.286a.714.714 0 0 1 .714-.714z" transform="translate(5.715 3.571)"/><path d="m.714 0h2.857a.715.715 0 0 1 .715.715v14.285a.714.714 0 0 1 -.714.714h-2.858a.714.714 0 0 1 -.714-.714v-14.286a.714.714 0 0 1 .714-.714z" transform="matrix(.97005881 -.24287013 .24287013 .97005881 11.315 4.048)"/><path d="m0 0h5" transform="translate(.714 14.286)"/><path d="m0 0h5" transform="translate(5.714 12.857)"/><path d="m0 1.029 4.114-1.029" transform="translate(14.286 14.685)"/></g></symbol><symbol id="linkeditor-layers" viewBox="0 0 20 19.997"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m10.671 9.854a1.686 1.686 0 0 1 -1.343 0l-8.143-3.771a.8.8 0 0 1 0-1.429l8.143-3.8a1.686 1.686 0 0 1 1.343 0l8.143 3.771a.8.8 0 0 1 0 1.429z"/><path d="m19.286 10.5-8.714 4.014a1.427 1.427 0 0 1 -1.186 0l-8.671-4.014"/><path d="m19.286 15.14-8.714 4.014a1.427 1.427 0 0 1 -1.186 0l-8.671-4.014"/></g></symbol><symbol id="linkeditor-copy" viewBox="0 0 20 20"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><rect height="15" rx="1.429" width="15" x="4.286" y="4.286"/><path d="m.714 15v-12.857a1.429 1.429 0 0 1 1.429-1.429h12.857"/></g></symbol><symbol id="linkeditor-link" viewBox="0 0 19.974 20.017"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m5.723 9.28-4.586 4.543a1.428 1.428 0 0 0 -.008 2.02l.008.008 3.029 3.029a1.428 1.428 0 0 0 2.02.008l.008-.008 4.543-4.586"/><path d="m14.294 10.737 4.543-4.543a1.428 1.428 0 0 0 .008-2.02l-.008-.008-2.986-3.029a1.428 1.428 0 0 0 -2.02-.008l-.008.008-4.543 4.586"/><path d="m5.714 0-5.714 5.714" transform="translate(7.151 7.151)"/></g></symbol></svg></div>
+<div class="svg-sprite" style="height: 0;width: 0;position: absolute;" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" style="display: none;"><symbol id="linkeditor-save" viewBox="0 0 14 14"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m13.5 12.5a1 1 0 0 1 -1 1h-11a1 1 0 0 1 -1-1v-9l3-3h9a1 1 0 0 1 1 1z"/><path d="m3.5 8.5h7v5h-7z"/><path d="m4.5.5h6v4h-6z"/></g></symbol><symbol id="linkeditor-first-page" viewBox="0 0 14.941 18.664"><clipPath id="a"><path d="m0 0h18.664v10.883h-18.664z"/></clipPath><g clip-path="url(#a)" transform="matrix(0 -1 1 0 4.059 18.664)"><path d="m0 8.557 8.557-8.557 8.557 8.557" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" transform="translate(.775 1.551)"/></g><path d="m13.909 0h-13.909" fill="none" stroke="currentColor" stroke-width="2" transform="matrix(0 1 -1 0 1 2.377)"/></symbol><symbol id="linkeditor-last-page" viewBox="0 0 14.941 18.664"><clipPath id="a"><path d="m0 0h18.664v10.883h-18.664z"/></clipPath><g clip-path="url(#a)" transform="matrix(0 1 -1 0 10.882 0)"><path d="m0 8.557 8.557-8.557 8.557 8.557" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" transform="translate(.775 1.551)"/></g><path d="m13.909 0h-13.909" fill="none" stroke="currentColor" stroke-width="2" transform="matrix(0 -1 1 0 13.941 16.287)"/></symbol><symbol id="linkeditor-next-page" viewBox="0 0 10.883 18.664"><clipPath id="a"><path d="m0 0h18.664v10.883h-18.664z"/></clipPath><g clip-path="url(#a)" transform="matrix(0 1 -1 0 10.883 0)"><path d="m0 8.557 8.557-8.557 8.557 8.557" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" transform="translate(.775 1.551)"/></g></symbol><symbol id="linkeditor-previous-page" viewBox="0 0 10.883 18.664"><clipPath id="a"><path d="m0 0h18.664v10.883h-18.664z"/></clipPath><g clip-path="url(#a)" transform="matrix(0 -1 1 0 0 18.664)"><path d="m0 8.557 8.557-8.557 8.557 8.557" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" transform="translate(.775 1.551)"/></g></symbol><symbol id="linkeditor-landscape" viewBox="0 0 20 20"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m2.157.715h15.714a1.429 1.429 0 0 1 1.429 1.429v15.714a1.428 1.428 0 0 1 -1.428 1.428h-15.715a1.429 1.429 0 0 1 -1.429-1.429v-15.713a1.429 1.429 0 0 1 1.429-1.429z"/><circle cx="13.214" cy="6.786" r="2.5"/><path d="m13.429 19.286a10.513 10.513 0 0 0 -10.571-8.571 11.247 11.247 0 0 0 -2.143.2"/><path d="m19.286 14.157a11.151 11.151 0 0 0 -3.571-.586 11.271 11.271 0 0 0 -4.472.915"/></g></symbol><symbol id="linkeditor-settings" viewBox="0 0 20 20"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><circle cx="2.857" cy="2.857" r="2.143"/><path d="m0 0h14.286" transform="translate(5 2.857)"/><circle cx="10" cy="10" r="2.143"/><path d="m0 0h7.143" transform="translate(.714 10)"/><path d="m0 0h7.143" transform="translate(12.143 10)"/><circle cx="17.143" cy="17.143" r="2.143"/><path d="m14.286 0h-14.286" transform="translate(.714 17.143)"/></g></symbol><symbol id="linkeditor-zoom-reset" viewBox="0 0 17.143 20">
+            <g id="Groupe_71" data-name="Groupe 71">
+                <path id="Tracé_31" data-name="Tracé 31" d="M16.429,17.857A1.429,1.429,0,0,1,15,19.286H2.143A1.428,1.428,0,0,1,.715,17.857V2.143A1.428,1.428,0,0,1,2.143.714H9.286l7.143,7.143Z" fill="rgba(93,93,93,0)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"/>
+                <path id="Tracé_32" data-name="Tracé 32" d="M9.286.714V7.857h7.143" fill="rgba(93,93,93,0)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"/>
+                <path id="Tracé_33" data-name="Tracé 33" d="M5.715,16.151V11.043L4.029,12.728" fill="rgba(93,93,93,0)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"/>
+                <path id="Tracé_34" data-name="Tracé 34" d="M12.622,16.151V11.043l-1.686,1.685" fill="rgba(93,93,93,0)" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"/>
+                <path id="Tracé_35" data-name="Tracé 35" d="M9.286,12.436a.658.658,0,1,1-.658-.658.659.659,0,0,1,.658.658" fill="currentColor"/>
+                <path id="Tracé_36" data-name="Tracé 36" d="M9.286,15.1a.658.658,0,1,1-.658-.658.659.659,0,0,1,.658.658" fill="currentColor"/>
+            </g>
+        </symbol><symbol id="linkeditor-wayback-machine" viewBox="0 0 20 20"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m.714 10a9.285 9.285 0 1 0 9.286-9.286 10.331 10.331 0 0 0 -7.143 2.857"/><path d="m3.571.714-.714 2.857 2.857.714"/><path d="m10 5v5.714l-3.714 1.857"/></g></symbol><symbol id="linkeditor-tooltip" viewBox="0 0 21.667 17.846"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m0 0h20.238" transform="translate(.715 17.131)"/><path d="m13.463 11.9-2.63 2.63-2.633-2.63h-2.958a1.316 1.316 0 0 1 -1.316-1.316v-8.554a1.316 1.316 0 0 1 1.316-1.316h11.183a1.316 1.316 0 0 1 1.316 1.316v8.552a1.316 1.316 0 0 1 -1.316 1.318z"/></g></symbol><symbol id="linkeditor-search" viewBox="0 0 20.322 16.684"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m17.571 11.417a.4.4 0 1 0 .211-.763l-7.81-5.354a.791.791 0 0 0 -1.237.7l.61 9.473a.4.4 0 1 0 .762.211l2.722-3.893z"/><path d="m8.029 7.509h-6.42a.894.894 0 0 1 -.894-.894v-5.007a.894.894 0 0 1 .894-.894h17.105a.894.894 0 0 1 .894.894v5.007a.894.894 0 0 1 -.894.894h-5.314"/></g></symbol><symbol id="linkeditor-archives" viewBox="0 0 19.851 20"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m.714 0h3.571a.715.715 0 0 1 .715.715v17.142a.714.714 0 0 1 -.714.714h-3.572a.714.714 0 0 1 -.714-.714v-17.143a.714.714 0 0 1 .714-.714z" transform="translate(.715 .714)"/><path d="m.714 0h3.571a.715.715 0 0 1 .715.715v14.285a.714.714 0 0 1 -.714.714h-3.572a.714.714 0 0 1 -.714-.714v-14.286a.714.714 0 0 1 .714-.714z" transform="translate(5.715 3.571)"/><path d="m.714 0h2.857a.715.715 0 0 1 .715.715v14.285a.714.714 0 0 1 -.714.714h-2.858a.714.714 0 0 1 -.714-.714v-14.286a.714.714 0 0 1 .714-.714z" transform="matrix(.97005881 -.24287013 .24287013 .97005881 11.315 4.048)"/><path d="m0 0h5" transform="translate(.714 14.286)"/><path d="m0 0h5" transform="translate(5.714 12.857)"/><path d="m0 1.029 4.114-1.029" transform="translate(14.286 14.685)"/></g></symbol><symbol id="linkeditor-layers" viewBox="0 0 20 19.997"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m10.671 9.854a1.686 1.686 0 0 1 -1.343 0l-8.143-3.771a.8.8 0 0 1 0-1.429l8.143-3.8a1.686 1.686 0 0 1 1.343 0l8.143 3.771a.8.8 0 0 1 0 1.429z"/><path d="m19.286 10.5-8.714 4.014a1.427 1.427 0 0 1 -1.186 0l-8.671-4.014"/><path d="m19.286 15.14-8.714 4.014a1.427 1.427 0 0 1 -1.186 0l-8.671-4.014"/></g></symbol><symbol id="linkeditor-copy" viewBox="0 0 20 20"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><rect height="15" rx="1.429" width="15" x="4.286" y="4.286"/><path d="m.714 15v-12.857a1.429 1.429 0 0 1 1.429-1.429h12.857"/></g></symbol><symbol id="linkeditor-link" viewBox="0 0 19.974 20.017"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><path d="m5.723 9.28-4.586 4.543a1.428 1.428 0 0 0 -.008 2.02l.008.008 3.029 3.029a1.428 1.428 0 0 0 2.02.008l.008-.008 4.543-4.586"/><path d="m14.294 10.737 4.543-4.543a1.428 1.428 0 0 0 .008-2.02l-.008-.008-2.986-3.029a1.428 1.428 0 0 0 -2.02-.008l-.008.008-4.543 4.586"/><path d="m5.714 0-5.714 5.714" transform="translate(7.151 7.151)"/></g></symbol></svg></div>
 @push('after_scripts')
     <script>
         function getSpriteIcon(icon, attrs, dimensions) {
-- 
2.39.5