]> _ Git - fluidbook-toolbox.git/commitdiff
wait #5468 @3
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 27 Oct 2022 09:34:09 +0000 (11:34 +0200)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 27 Oct 2022 09:34:09 +0000 (11:34 +0200)
app/Models/ToolSVGSprite.php
resources/linkeditor/js/linkeditor.js
resources/linkeditor/js/linkeditor.links.js
resources/linkeditor/js/linkeditor.rulers.js
resources/linkeditor/js/linkeditor.zoom.js
resources/linkeditor/style/form.sass
resources/views/fluidbook_publication/link_editor.blade.php
resources/views/fluidbook_publication/link_editor_icons.blade.php

index 83b544a3782ef9e4373111596be542b7e04f4db7..abe80aa68f0d5b2549143bcbe61656605fa32f28 100644 (file)
@@ -43,7 +43,6 @@ class ToolSVGSprite extends ToolboxModel
             $icons[$k] = $icon;
         }
         $this->icons = $icons;
-
     }
 
     public function generate()
@@ -54,6 +53,7 @@ class ToolSVGSprite extends ToolboxModel
                 $svg = $matches[4];
                 if ($this->convertColorsToCurrentColor) {
                     $svg = preg_replace('/#[0-9a-fA-F]{6}/', 'currentColor', $svg);
+                    $svg = preg_replace('/rgba?\([^)]+\)/', 'currentColor', $svg);
                 }
                 $res .= '<symbol id="' . $this->prefix . $icon['iconname'] . '" viewBox="' . $matches[2] . '">' . $svg . '</symbol>';
             } else {
@@ -65,8 +65,6 @@ class ToolSVGSprite extends ToolboxModel
         $res .= '<script>' . "\n";
         $res .= file_get_contents(resource_path('tools/svgsprite/svgsprite.js')) . "\n";
         $res .= '</script>';
-
         return $res;
     }
-
 }
index cdab03804cffc65e82661ae118aa295031b16245..a35d050fa69129a779996a41b7b25b16b1f087b4 100644 (file)
@@ -126,10 +126,10 @@ LinkEditor.prototype = {
 
         $(window).on('mouseup', function (e) {
             $this.setMouseCoordinates(e);
+            $this.panels.mouseup();
             $this.zoom.mouseUp();
             $this.rulers.mouseUp();
             $this.links.mouseUp();
-            $this.panels.mouseup();
         });
 
         if (this.single) {
index 42e429af17018dd40fc7858fdc2fb3e392009fe7..282a840adc8fa244bfdedaef21c6d680a266ce16 100644 (file)
@@ -84,6 +84,7 @@ LinkeditorLinks.prototype = {
         var link = this.duplicateLinkClick({width: 0, height: 0});
         $(link).addClass('pendingCreate');
         this.startResizeLink('se');
+        this.updateLinkForm();
     },
 
     startResizeLink: function (corner) {
@@ -92,11 +93,15 @@ LinkeditorLinks.prototype = {
     },
 
     stopResizeLink: function () {
+        if (this.resizeLinkPos === null) {
+            return;
+        }
         var $this = this;
         this.moveResizeLink();
         $('.pendingCreate').each(function () {
             $this.deleteLink($(this), true);
         });
+        this.updateLinkForm();
         this.resizeLinkPos = null;
     },
 
@@ -240,6 +245,9 @@ LinkeditorLinks.prototype = {
     },
 
     stopDragLink: function () {
+        if (this.dragLinkPos === null) {
+            return;
+        }
         this.moveDragLink();
         this.dragLinkPos = null;
     },
@@ -283,9 +291,26 @@ LinkeditorLinks.prototype = {
         }
         $(l).addClass('selected');
         this.currentSelection.push(l);
+        this.updateLinkForm();
         this.lastSelectedLink = l;
     },
 
+    updateLinkForm: function () {
+        var container = $('#linkeditor-panel-form');
+        container.html('');
+        var links = $('.link.selected:not(.pendingCreate)');
+        if (links.length != 1) {
+            return;
+        }
+        console.log(links);
+        var link = $(links).eq(0);
+        var type = $(link).attr('fb-type');
+        var form = $("#linkeditor-form-template-" + type).clone();
+        $(form).attr('id', null);
+        container.append(form);
+        console.log(form);
+    },
+
     checkLastSelectedLink: function () {
         if (this.lastSelectedLink === null || $(this.lastSelectedLink).length === 0) {
             return;
@@ -309,6 +334,7 @@ LinkeditorLinks.prototype = {
     deselectAllLinks: function () {
         this.currentSelection = [];
         $(".link.selected").removeClass('selected');
+        this.updateLinkForm();
     },
 
     offsetSelectedLinks: function (dim, value) {
index e51881da724181557df6f76d66e716ee7da5334b..8d17ba305f9a39af9b6114e4d8ba422a62ef5032 100644 (file)
@@ -176,6 +176,9 @@ LinkeditorRulers.prototype = {
     },
 
     stopMoveRuler: function () {
+        if (this.movingRuler === null || this.movingRuler === undefined) {
+            return;
+        }
         this.moveRuler();
         if ($(this.movingRuler).hasClass('pending-delete')) {
             this.deleteRuler($(this.movingRuler));
index 9deb85d331b59c880ba8bc42e80f0c436e08cd46..6fd7f7965524e714a2e894b54a1ac7804155d723 100644 (file)
@@ -31,9 +31,10 @@ LinkeditorZoom.prototype = {
     },
 
     mouseUp: function () {
-        if (this.zoomdragging !== false) {
-            this.moveZoomDrag();
+        if (!this.zoomdragging) {
+            return;
         }
+        this.moveZoomDrag();
         this.resetZoomDrag();
     },
 
index 00af59c336fbaa8ac2128de530400d5bae768907..4cd6926e2b29a278fb845d9f45dc17e1aa9becee 100644 (file)
@@ -1,5 +1,5 @@
 #linkeditor-form-templates
-    display: block
+    display: none
 
 
 .linkeditor-linktype
index a3d47ed0c6b08bed4a5fb78cf5f164c33f939765..3495b341b0ed622c3436a122b52e646fbaa3b05c 100644 (file)
@@ -66,6 +66,8 @@
                        data-tooltip="{{__('Importer les liens (Ajouter)')}}"></a>
                     <a href="#" data-action="export" data-icon="export-links"
                        data-tooltip="{{__('Exporter les liens')}}"></a>
+                    <a href="#" data-action="moveLinks" data-icon="move-links"
+                       data-tooltip="{{__('Déplacer les liens')}}"></a>
                 </nav>
                 <nav id="linkeditor-toolbar-center">
                     <a href="#" data-action="firstPage" data-icon="first-page"
index 5a88e1f4dc296769aa489d6246c3d5356be3afa9..c8d4e6eaac4a56e735fdd724a4301c22f436d476 100644 (file)
@@ -1,13 +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-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é_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="transparent" 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="transparent" 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="transparent" 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="transparent" 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><symbol id="linkeditor-import-links" viewBox="0 0 19.8 20"><g fill="currentColor"><path d="m5.1 20c-.6 0-1.1-.2-1.5-.6l-3-3c-.4-.4-.6-.9-.6-1.5s.2-1.1.6-1.5l4.6-4.5c.3-.3.7-.3 1 0s.3.7 0 1l-4.6 4.5c-.1.1-.2.3-.2.5s.1.4.2.5l3 3c.1.1.3.2.5.2s.4-.1.5-.2l4.5-4.6c.3-.3.7-.3 1 0s.3.7 0 1l-4.5 4.6c-.4.4-.9.6-1.5.6z"/><path d="m14.2 11.4c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l4.5-4.5c.1-.1.2-.3.2-.5s-.1-.4-.2-.5l-3-3c-.1-.1-.4-.2-.5-.2-.2 0-.4.1-.5.2l-4.5 4.6c-.3.3-.7.3-1 0s-.3-.7 0-1l4.5-4.6c.4-.4 1-.6 1.5-.6.6 0 1.1.2 1.5.6l3 3c.4.4.6.9.6 1.5s-.2 1.1-.6 1.5l-4.5 4.5c-.1.2-.3.2-.5.2z"/><path d="m7.1 13.6c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l5.7-5.7c.3-.3.7-.3 1 0s.3.7 0 1l-5.7 5.7c-.1.1-.3.2-.5.2z"/><path d="m6.4 3.9h-5.7c-.4 0-.7-.3-.7-.7s.3-.7.7-.7h5.7c.4 0 .7.3.7.7s-.4.7-.7.7z"/><path d="m4.6 6.4c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l2-2-2-2c-.3-.3-.3-.7 0-1s.7-.3 1 0l2.5 2.5c.3.3.3.7 0 1l-2.5 2.5c-.1.1-.3.2-.5.2z"/></g></symbol><symbol id="linkeditor-export-links" viewBox="0 0 20 20"><g fill="currentColor"><path d="m5.1 20c-.6 0-1.1-.2-1.5-.6l-3-3c-.8-.8-.8-2.2 0-3l4.6-4.5c.3-.3.7-.3 1 0s.3.7 0 1l-4.6 4.5c-.3.3-.3.7 0 1l3 3c.1.1.3.2.5.2s.4-.1.5-.2l4.5-4.6c.3-.3.7-.3 1 0s.3.7 0 1l-4.5 4.6c-.4.4-.9.6-1.5.6z"/><path d="m14.3 11.4c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l4.5-4.5c.1-.1.2-.3.2-.5s-.1-.4-.2-.5l-3-3c-.1-.1-.3-.2-.5-.2s-.4.1-.5.2l-4.5 4.6c-.3.3-.7.3-1 0s-.3-.7 0-1l4.5-4.6s0 0 .1-.1c.4-.4.9-.6 1.5-.6.6 0 1.1.2 1.5.6l3 3c.4.4.6 1 .6 1.5 0 .6-.2 1.1-.6 1.5l-4.5 4.5c-.3.3-.5.3-.6.3z"/><path d="m7.1 13.6c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l5.7-5.7c.3-.3.7-.3 1 0s.3.7 0 1l-5.7 5.7c-.1.1-.3.2-.5.2z"/><path d="m18.5 17.5h-5.7c-.4 0-.7-.3-.7-.7s.3-.7.7-.7h5.7c.4 0 .7.3.7.7s-.3.7-.7.7z"/><path d="m16.8 20c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l2-2-2-2c-.3-.3-.3-.7 0-1s.7-.3 1 0l2.5 2.5c.3.3.3.7 0 1l-2.5 2.5c-.2.1-.3.2-.5.2z"/></g></symbol><symbol id="linkeditor-merge-links" viewBox="0 0 20 20"><g fill="currentColor"><path d="m5.2 20c-.6 0-1.1-.2-1.5-.6l-3-3c-.5-.5-.7-1-.7-1.6s.2-1.1.6-1.5l4.6-4.5c.3-.3.7-.3 1 0s.3.7 0 1l-4.6 4.5c-.1.1-.2.3-.2.5s.1.4.2.5l3 3c.3.3.7.3 1 0l4.5-4.6c.3-.3.7-.3 1 0s.3.7 0 1l-4.5 4.6c-.3.5-.9.7-1.4.7z"/><path d="m14.3 11.5c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l4.5-4.5c.3-.3.3-.7 0-1l-3-3c-.1-.1-.3-.2-.5-.2s-.4.1-.5.2l-4.5 4.4c-.3.3-.7.3-1 0s-.3-.7 0-1l4.5-4.6c.4-.4.9-.6 1.6-.6.6 0 1.1.2 1.5.6l3 3c.8.8.8 2.2 0 3l-4.5 4.5c-.2.3-.4.4-.6.4z"/><path d="m7.2 13.6c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l5.7-5.7c.3-.3.7-.3 1 0s.3.7 0 1l-5.7 5.7c-.2.1-.4.2-.5.2z"/><path d="m6.4 4.3h-5.7c-.4 0-.7-.3-.7-.7s.3-.7.7-.7h5.7c.4 0 .7.3.7.7s-.3.7-.7.7z"/><path d="m3.6 7.2c-.4 0-.7-.3-.7-.7v-5.8c0-.4.3-.7.7-.7s.7.3.7.7v5.7c0 .4-.3.8-.7.8z"/></g></symbol></svg></div>
+        </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><symbol id="linkeditor-import-links" viewBox="0 0 19.8 20"><g fill="currentColor"><path d="m5.1 20c-.6 0-1.1-.2-1.5-.6l-3-3c-.4-.4-.6-.9-.6-1.5s.2-1.1.6-1.5l4.6-4.5c.3-.3.7-.3 1 0s.3.7 0 1l-4.6 4.5c-.1.1-.2.3-.2.5s.1.4.2.5l3 3c.1.1.3.2.5.2s.4-.1.5-.2l4.5-4.6c.3-.3.7-.3 1 0s.3.7 0 1l-4.5 4.6c-.4.4-.9.6-1.5.6z"/><path d="m14.2 11.4c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l4.5-4.5c.1-.1.2-.3.2-.5s-.1-.4-.2-.5l-3-3c-.1-.1-.4-.2-.5-.2-.2 0-.4.1-.5.2l-4.5 4.6c-.3.3-.7.3-1 0s-.3-.7 0-1l4.5-4.6c.4-.4 1-.6 1.5-.6.6 0 1.1.2 1.5.6l3 3c.4.4.6.9.6 1.5s-.2 1.1-.6 1.5l-4.5 4.5c-.1.2-.3.2-.5.2z"/><path d="m7.1 13.6c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l5.7-5.7c.3-.3.7-.3 1 0s.3.7 0 1l-5.7 5.7c-.1.1-.3.2-.5.2z"/><path d="m6.4 3.9h-5.7c-.4 0-.7-.3-.7-.7s.3-.7.7-.7h5.7c.4 0 .7.3.7.7s-.4.7-.7.7z"/><path d="m4.6 6.4c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l2-2-2-2c-.3-.3-.3-.7 0-1s.7-.3 1 0l2.5 2.5c.3.3.3.7 0 1l-2.5 2.5c-.1.1-.3.2-.5.2z"/></g></symbol><symbol id="linkeditor-export-links" viewBox="0 0 20 20"><g fill="currentColor"><path d="m5.1 20c-.6 0-1.1-.2-1.5-.6l-3-3c-.8-.8-.8-2.2 0-3l4.6-4.5c.3-.3.7-.3 1 0s.3.7 0 1l-4.6 4.5c-.3.3-.3.7 0 1l3 3c.1.1.3.2.5.2s.4-.1.5-.2l4.5-4.6c.3-.3.7-.3 1 0s.3.7 0 1l-4.5 4.6c-.4.4-.9.6-1.5.6z"/><path d="m14.3 11.4c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l4.5-4.5c.1-.1.2-.3.2-.5s-.1-.4-.2-.5l-3-3c-.1-.1-.3-.2-.5-.2s-.4.1-.5.2l-4.5 4.6c-.3.3-.7.3-1 0s-.3-.7 0-1l4.5-4.6s0 0 .1-.1c.4-.4.9-.6 1.5-.6s1.1.2 1.5.6l3 3c.4.4.6 1 .6 1.5 0 .6-.2 1.1-.6 1.5l-4.5 4.5c-.3.3-.5.3-.6.3z"/><path d="m7.1 13.6c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l5.7-5.7c.3-.3.7-.3 1 0s.3.7 0 1l-5.7 5.7c-.1.1-.3.2-.5.2z"/><path d="m18.5 17.5h-5.7c-.4 0-.7-.3-.7-.7s.3-.7.7-.7h5.7c.4 0 .7.3.7.7s-.3.7-.7.7z"/><path d="m16.8 20c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l2-2-2-2c-.3-.3-.3-.7 0-1s.7-.3 1 0l2.5 2.5c.3.3.3.7 0 1l-2.5 2.5c-.2.1-.3.2-.5.2z"/></g></symbol><symbol id="linkeditor-merge-links" viewBox="0 0 20 20"><g fill="currentColor"><path d="m5.2 20c-.6 0-1.1-.2-1.5-.6l-3-3c-.5-.5-.7-1-.7-1.6s.2-1.1.6-1.5l4.6-4.5c.3-.3.7-.3 1 0s.3.7 0 1l-4.6 4.5c-.1.1-.2.3-.2.5s.1.4.2.5l3 3c.3.3.7.3 1 0l4.5-4.6c.3-.3.7-.3 1 0s.3.7 0 1l-4.5 4.6c-.3.5-.9.7-1.4.7z"/><path d="m14.3 11.5c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l4.5-4.5c.3-.3.3-.7 0-1l-3-3c-.1-.1-.3-.2-.5-.2s-.4.1-.5.2l-4.5 4.4c-.3.3-.7.3-1 0s-.3-.7 0-1l4.5-4.6c.4-.4.9-.6 1.6-.6.6 0 1.1.2 1.5.6l3 3c.8.8.8 2.2 0 3l-4.5 4.5c-.2.3-.4.4-.6.4z"/><path d="m7.2 13.6c-.2 0-.4-.1-.5-.2-.3-.3-.3-.7 0-1l5.7-5.7c.3-.3.7-.3 1 0s.3.7 0 1l-5.7 5.7c-.2.1-.4.2-.5.2z"/><path d="m6.4 4.3h-5.7c-.4 0-.7-.3-.7-.7s.3-.7.7-.7h5.7c.4 0 .7.3.7.7s-.3.7-.7.7z"/><path d="m3.6 7.2c-.4 0-.7-.3-.7-.7v-5.8c0-.4.3-.7.7-.7s.7.3.7.7v5.7c0 .4-.3.8-.7.8z"/></g></symbol><symbol id="linkeditor-move-links" viewBox="0 0 20 20"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.429"><g transform="translate(-361.274 -372.18)"><path d="m367 381.5-4.6 4.5c-.6.6-.6 1.5 0 2l3 3c.6.6 1.5.6 2 0l4.5-4.6"/><path d="m375.6 382.9 4.5-4.5c.6-.6.6-1.5 0-2l-3-3c-.6-.6-1.5-.6-2 0l-4.5 4.6"/><path d="m374.1 379.3-5.7 5.7"/></g><path d="m2.526 5.32 4-4"/><path d="m2.126 2.32 1.4-1.4"/><path d="m17.526 14.72-4.1 4"/><path d="m17.826 17.72-1.4 1.4"/></g></symbol></svg></div>
 @push('after_scripts')
     <script>
         function getSpriteIcon(icon, attrs, dimensions) {